body {
  background:#e0bb97;
  font-family: Biryani;
  font-size: 20px;
    line-height: 1.2;
  font-weight: 700;
      min-height: 100vh;
    min-height: fill-available;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
  -webkit-animation: bgcolor 20s infinite;
  animation: bgcolor 10s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

html {
    height: fill-available;
    height: -webkit-fill-available;
}

@keyframes bgcolor {
    0% {
        background-color: #809bce
    }

    30% {
        background-color: #95b8d1
    }

    60% {
        background-color: #b8e0d2
    }

    90% {
        background-color: #d6eadf
    }

    100% {
        background-color: #eac4d5
    }
}


.typo {
    text-align: center;
}

h1 {
  padding-top: 100px;
}

h2 {
    font-size: 16px;
    line-height: 1.2;
    padding-top:50px;
    padding-bottom: 20px;
}

h3 {
    font-size: 10px;
    line-height: 1.2;
    padding-bottom:20px;
    padding-top: 10px;
}

a:link, a:visited {
    color: #000;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  rotate: 180deg;
}


h1 img {
  width: 180px;
}



footer {
    margin-top: auto;
}