@font-face {
    font-family: 'Bahnschrift';
    src: url("/fonts/BAHNSCHRIFT.woff");
    }

body {background-image:url(C_CND_SHADED.JPG);
overflow:hidden;
margin:0;
padding:0;
}

* {box-sizing: border-box;
transition:0.3s;}

.text {font-size:40pt;
font-family:Bahnschrift, sans-serif;
color:white;
text-align:center;
position:absolute;
left:10%;
top:40%;
width:80%;
z-index:5;
}



button {background-color:transparent;
border:none;
text-decoration:wavy underline;
cursor:pointer;
margin-top:50px;
}
button:hover {background-image:url(C_CND_SHADED.JPG);
background-clip:text;
color:transparent;}

button:active {
text-decoration:wavy underline green;}

#chain {background-image:url(Background218.png);
background-size:15%;
margin-top:0px; 
height:100vh;
width:100vw;
margin:auto;
border:solid 2px black;
background-color:rgba(111,111,111,1);

}

.chainanim {animation:shrink 40s forwards ease-in-out;}

@keyframes shrink {
0% {height:100vh;
width:100vw;
margin-top:0px;
background-color:rgba(111,111,111,1);}

25% {background-color:rgba(111,111,111,0.1);}

50% {}

100% {height:0px;
width:0px;
rotate:360deg;
margin-top:500px;
}
}

#bittersweet, #chickweed, #plantain, #weeds, #weeds2, #celandine, #dandelion,#bindweed,#blackeyedsusans, #plantain2, #weeds3, #weeds4, #weeds5, #weeds6, #weeds7,#peppergrass,#cinquefoil {position:absolute;
z-index:-1;}

#bittersweet {top:-50px;}
#chickweed {top:400px;
left:200px;}
#plantain {top:500px;
left:700px;}
#weeds {top:500px;
left:370px;}
#weeds2 {top:480px;
z-index:-3;
height:300px;
left:870px;}
#celandine {top:450px;
left:-100px;}
#dandelion {height:500px;
top:460px;
left:1000px;}

#bindweed {top:-40px;
left:900px;}
#blackeyedsusans {top:200px;
z-index:-3;
left:600px}
#plantain2 {top:470px;
z-index:-3;
left:770px;}

#weeds3 {top:500px;
left:1200px;
z-index:-3;}
#weeds4 {left:500px;
top:460px;}
#weeds5 {top:400px;
left:150px;
z-index:-4;}
#weeds6 {left:1200px;
top:300px;
z-index:-5;}
#weeds7 {left:1410px;
top:280px;}
#peppergrass {top:120px;
left:1440px;
z-index:-7;}
#cinquefoil {top:500px;
left:1700px;}

@media only screen and (max-width: 818px) {button {margin-top:150px;}
}