:root{
--background-image:url('https://strawberrynose.neocities.org/webring/rrocket.png');
--bgcolor:#813131;
--border:black;
--hover:grey;
--hshadow:0 2px 6px 0 rgba(0, 0, 0, 0.717), 0 10px 30px 0 rgba(0, 0, 0, 0.393);
--hborder:darkred;
--hr:maroon;
--p:#c4c2c2;
--h123:#222222;
--list:#c4c2c2;}

@font-face{
font-family:comic;
src: url('https://file.garden/aU55YoV5_n1pLQBE/COMIC.woff')
}

@font-face{
font-family:Pokemon;
src:url('https://file.garden/aU55YoV5_n1pLQBE/PKMN%20RBYGSC.woff')
}

#borderimg { 
  border: 10px solid transparent;
  padding: 0px;
  margin:0px;
  border-image: url(https://strawberrynose.neocities.org/fancy.png) 8 round;
}


body{
margin:50px;
font-family:comic;
background-image:var(--background-image);
text-align:center;
}

.nav a{
border:none;
padding:0px;
margin:0px;
}

.container{
margin:10px;
}

.wrap{
position:relative;
}

.everything{
width:800px;  
margin-top:5px;  
margin-bottom:5px;
margin-left:auto; 
margin-right:auto;
background:transparent;;
}

.header{
grid-area:header;
background-image:url('https://strawberrynose.neocities.org/gang.jpg');
background-size:cover;
height:150px;
border-radius:20px;
border:2px solid var(--hborder);
text-align:center;
overflow:hidden;
box-shadow:var(--hshadow);
}

footer{
color: var(--p);
}

ul {
	position: relative;
	margin-left:100px;
	padding-left: 19px;
  text-align:left;
}

.main li{
color:var(--list);
}


.main{
grid-area:main;
overflow:scroll;
margin:5px;
background-color:var(--bgcolor);
border: 7px double var(--border);
border-radius: 10px;
}

.container a:link, a:visited, a:active {
   background-color: transparent;
   color: #caa7a7;
   text-decoration: none;
}

.container a:hover {
   background-color: transparent;
   color: var(--hover);
   text-decoration: none;
   font-style:italic;
}

.flex{ 
display:flex;
flex-wrap:wrap;
flex-direction:row;
justify-content:space-evenly;
}

.button{
text-align:center;
height:35px;
overflow:hidden;
}
.info{
text-align:center;
width:fit-content;
overflow-x:hidden;
border:1px solid var(--navborder);
border-radius:10px;
padding:5px;
margin:5px;
box-shadow:var(--ishadow); 
}

.inline{
display: inline-block;
}

h1{
font-family:Pokemon;
color:var(--h123);
}

h2{
font-family:Pokemon;
color:var(--h123);
font-weight:normal;
}

h3{
color: var(--h123);
font-weight:normal;
margin:5px;
margin-top:0px;
}

p{
color:var(--p);
margin:10px;
} 

.info table{
margin:10px;
}

.info th, td{
margin:10px;
padding:5px;
}

textarea{
border-radius: 15px;
background-color: var(--p);
}