/* body{
background-color: #131010;
text-align: center;
color: #f62525;
font-family: 'Lato', sans-serif;
font-weight: 500;
font-style: normal;
height: 100%;
overflow: hidden;
    -webkit-animation: fadein 3s;
       -moz-animation: fadein 3s;
        -ms-animation: fadein 3s;
         -o-animation: fadein 3s;
            animation: fadein 3s;
	} 

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
*/

body {
  /* Set the height of the body to ensure the gradient covers the entire viewport */
  height: 100vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
/*  background: linear-gradient(45deg, #ffccf9, #cbc4f0, #a0e7e5, #fdfdfd); */
  background-color: #FDFD96;
  background-size: 400% 400%;
/*  animation: gradientAnimation 10s ease infinite; */
}	

@keyframes gradientAnimation {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

h1{
font-family: 'Lato', sans-serif;
font-weight: 800;
font-style: normal;
font-size: 4.2em;
margin-top: 0;
margin-bottom: 0.8em;
color: #fff;
margin: 0;
}

.centerbox {
display: relative;
width: 80%; 
height: 80%;
margin: 0 auto;
}

.footer {
margin-top: auto;
text-align: center;
color: #FFFFFF;
font-family: 'Lato', sans-serif;
font-weight: 500;
font-size: 2vw;
font-style:  bold;
text-decoration: none;
text-transform: lowercase;
}

.page{
	margin-bottom:100px;
	position: relative;
}

a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }

.heading {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 text-decoration: none;
 color: white;
 padding: 0;
 width: 100%;
 height: auto;
}

.heading img {
 max-width: 250px;
 height: auto;
 margin-bottom: 0;
 display: block;
}