body {background-image:url(/images/codejams/smallreedsalt2.png);
background-size:120px;
background-color:#C1BD78;}

* {scrollbar-width:thin;
scrollbar-color: #474C2F #C1BD78;
box-sizing: border-box;}

@font-face {
    font-family: Averia;
    src: url("/fonts/AveriaLibre-Regular.woff");
}

#intro {color:#E5E4C7;
  font: 800 30px Arial;
  -webkit-text-fill-color: #474C2F;
  -webkit-text-stroke: 1px;}

h1 {color:#E5E4C7;
  font: 800 60px Arial;
  -webkit-text-fill-color: #474C2F;
  -webkit-text-stroke: 2px;
width:fit-content;
margin:auto;
margin-bottom:10px;}

#this {width:min-content;
margin-left:15%;
margin-top:9%;
rotate:-15deg;
z-index:9;}

#page {width:min-content;
margin-left:25%;
rotate:10deg;}

#is {width:min-content;
margin-left:35%;
rotate:-20deg;}

#about {width:min-content;
margin-left:40%;
rotate:13deg;
margin-bottom:5%;}

.nav {position:fixed;
width:200px;
right:10px;
top:70px;}

.one a {color:#E5E4C7;
  -webkit-text-fill-color: #474C2F;
  -webkit-text-stroke: 1px;
text-decoration:none;}

.one {border-radius:80px;
padding:8px;
width:80px;
height:80px;
text-align:center;
background-color:#C1BD78;
font: 800 40px Arial ;

border:#474C2F solid 2px;
box-shadow: 6px 6px #232617;}

.boxtitle {color:#E5E4C7;
  font: 800 30px Arial;
  -webkit-text-fill-color: #474C2F;
  -webkit-text-stroke: 1px;
position:relative;
left:20%;
top:77px;
z-index:5;
width:max-content;}

.textbox {width:60%;
margin:auto;
margin-top:5%;
background-color:#E5E4C7;
border:#474C2F solid 3px;
border-radius:20px;
padding:20px;
font-family:Arial, Helvetica, sans-serif;

}

a {color:#474C2F;}

a:hover {color:#848554;}

.boxcontent {position:relative;
color: #232617;
text-align:justify;
font-family:'Averia',serif;
font-size:14pt;}

.apple {position:absolute;
top:-50px;
left:-50px;
width:340px;}

.dandy {position:fixed;
bottom:-80px;
left:-40px;
z-index: -2;}

#sources {z-index:4;}

.centerpls {margin:auto;
width:100px;
margin-top:50px;
margin-bottom:50px;}

.plantain {position:fixed;
bottom:-90px;
right:140px;
z-index:3 ;}

.plantain:hover {opacity:0;}

.sorrel {position:fixed;
bottom:-30px;
left:140px;
z-index: 4;}

.sorrel:hover {opacity:0;}

.pep {position:fixed;
bottom:-100px;
right:-60px;}

.chickweed {position:fixed;
bottom:-90px;
right:-25px;}