html, body {
  width: 100%;
  height: 100%;
    margin: 0;
    padding: 0;
}

body {
  background: linear-gradient(225deg, #f7adbe, #cae1ed, #f7adbe, #f7e6af, #dcead7);
  background-size: 800% 800%;
  -webkit-animation: Gradient 20s ease infinite;
  -moz-animation: Gradient 20s ease infinite;
  -o-animation: gradient 20s ease infinite;
  animation: Gradient 20s ease infinite;

  font-family: 'Heebo', sans-serif;
  font-size: 14px;
  color: #fff;
}
    
a, a:hover, a:visited {
  font-weight: 800;
  text-decoration: none;
  color: #660066;
}

a:hover {
  color: purple;
}

    @-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }
  @-o-keyframes gradient {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
  }
  @keyframes Gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }

IMG.logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.box {
  padding-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}