html, body {
    background: #00416A;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #033F63, #28666E, #7C9885);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #033F63, #28666E, #7C9885); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-family: 'Montserrsat', sans-serif;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
  }
  h1, h3 {
      color: #F7F0F0;
      text-transform: uppercase;
      background-color: #000;
      padding: 20px;
  }
  a {
    color: #FFF;
    text-decoration: none;
    padding: 5px;
    margin: 15px;
  }
  i {
      color: #FFF;
      margin-top: 25px;
      margin-bottom: 25px;
  }
  footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      color: #FFF;
      text-align: center;
  }

  .social-links {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-size: 40px;
      
  }

  .social-links a:hover {
      color: #00416A;
      transition: 0.2s ease-in;
  }