/* CSS Document */



body {
  background-color: #86592d;
  background-image: url("wm-imgs/soil-time-shift.jpg");
  height: 100%;
  width: 100%;
  margin:0px;
  padding:0px;
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: Arial, Trebuchet MS, sans-serif;
  color: #ffffff;

}



.content {
  padding: 0px;
}


span {
    background-color: rgba(255, 255, 255, 0.3);

}

h1{
font-size: 1.5vh;
color: font-color #0040ff; 
}

h2{
font-size: 2.5vh;
color: #0040ff;
}

h3{
font-size: 7vh;
color: #0040ff;
}

h4{
font-size: 10vh;
color: #0040ff;
}


p{
font-size: 2vh;
color: #0099ff;
}


link { color: #0040ff;
text-decoration: none;}

a:link { color: #0040ff;
text-decoration: none; }

a:visited { color: #0040ff;
text-decoration: none;}

a:hover { color: #99ccff; 
text-decoration: none;
}

a.wm:link {color:#994d00;text-decoration:none;}
a.wm:visited {color:#994d00;text-decoration:none;}
a.wm:hover {color:#ff5500;text-decoration:none;

}

div.gallery {
  margin: 0px;
  padding: 0px;
  border: 0px solid none;
  background-color: none;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
   
}

div.gallery img {
  width: 90%;
  height: 90%;
}


img { max-width: 90%; 
} 

div.text {
font-size: 2vh;
color: #0099ff;
  margin: 10px;
  padding: 0px;
  border: 0px solid none;
  background-color: none;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
   
}


html {
  scroll-behavior: smooth;
}

#header {
  height: 500px;
}

#memory {
  height: 100%;
}