html{
      margin:0;
      padding:0;
      width:100%;
      height:100%;
      display:table}

    body{
      font-family:'Montserrat', sans-serif;
      background:linear-gradient(-70deg, #53239b 18%, #2d98c8 45%, #2d98c8 60%, #53239b 85%);
      -webkit-background-size:cover;
      -moz-background-size:cover;
      -o-background-size:cover;
      background-size:cover;
      display:table-cell;
      vertical-align:middle;
      background-attachment: fixed;
      text-align: center;
      background-size: 900% auto;
      animation: move-bg 14s infinite linear;
      width: 100%;
      text-align: center;
      }
    footer{
      width: 100%;
      position: fixed;
      bottom: 0;
      text-align: center;
    }
    img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 250px;
}

    h1{
        font-family: 'Montserrat', sans-serif;
        font-size: 1.45rem;
        line-height: 1;
        font-weight: 500;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        
}
    h2{
        font-family: 'Montserrat', sans-serif;
        font-size: 0.65rem;
        color: white;
        font-weight: 500;
        line-height: 1;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        }

    .card{
      padding:18px;
      width:45px;
      background: rgba(40, 40, 40, 0.15);
      margin:0 auto 10px;
      border-radius:20px;
      box-shadow: 0 4px 30px rgba(40, 40, 40, 0.60);
      backdrop-filter: blur(50px);
      -webkit-backdrop-filter: blur(50px);
      overflow:hidden;
      display: inline-block;
    }

    .cardcontact{
      padding:2px;
      width:250px;
      background: rgba(40, 40, 40, 0.15);
      margin:0 auto 10px;
      border-radius:20px;
      box-shadow: 0 4px 30px rgba(40, 40, 40, 0.60);
      backdrop-filter: blur(50px);
      -webkit-backdrop-filter: blur(50px);
      overflow:hidden;
      display: inline-block;
    }

    .buttons{
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
    }

.footer{
  text-align: center;
  margin-bottom: 0px;
}


    @keyframes move-bg {
  to {
    background-position: 100% center;
  }