@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
html{
  margin:0;
}
body {
  /overflow:hidden;
    font-family: 'EB Garamond', serif;
    background: radial-gradient(#131313, #151515);
    //background-size: 400% 400%;
    width:100vw;
    height:100vh;
    //-webkit-animation: AnimationName 18s ease infinite;
    //-moz-animation: AnimationName 18s ease infinite;
    //animation: AnimationName 18s ease infinite;
    color:#ffffff;
    margin:0;
}

#main {
   margin-top:0;
   margin-left:0;
}



#content {
    z-index:1000;
    width:100%;
    margin:auto;position:relative;
    text-align:center;
    padding-top:4%;
    opacity:0.9;
}


#content a {
  text-decoration:none;
}
a {
  color:darkblue;
  animation: hideshow 14s ease;
}
#bottom {
  margin-top:1%;
}
#logo {
  max-width:50%;
  max-height:auto;
  animation: hideshow 3s ease;
}
h1 {
  cursor:default;
  font-weight:400;
  font-size:4.1em;
  margin:0;
  animation: hideshow 9s ease;
  font-variant:small-caps;
}

@media screen and (max-width: 640px) {
  h1 {
    font-size:3.1em;
  }
}


h2 {
  cursor:default;
  font-size:1.618em;
  margin:0;
  font-weight:300;
  animation: hideshow 11s ease;
}
h3 {
  font-size:1.2em;
  margin:20px;
  font-weight:300;
  animation: hideshow 12s ease;
}
h3 a { color:white; }



@keyframes hideshow {
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}