* {
  box-sizing: border-box;
}

.container {  
  display: grid;
  grid-template-columns: 1fr 7fr;
  gap: 5px 5px;
  grid-auto-flow: row;
  grid-template-areas:
    "Header Header Header"
    "Sidebar Main Main"
    "Sidebar Main Main"
    "Footer Footer Footer";
  width:72%;
  margin: 0 auto;
  padding:5px;
}

.pleasecenter{
text-align:center;
}

.divimage{
background:transparent;
padding:5px;
overflow:hidden;
overflow:scroll;
}

.title{
text-align:center;
}

.Footer{ 
grid-area:Footer;
border:5px inset Darkred; 
background-color:black;
height:50px;
text-align:center;
font-size:12px;
}

.outerfooter{
display: flex;
justify-content:center;
flex-wrap:wrap;
flex-direction: row;
}

.outermain{
display: flex;
justify-content:flex-start;
flex-wrap:wrap;
flex-direction: row;
}

.Sidebar{
grid-area:Sidebar;
border:5px inset Darkred; 
background-color:black; 
padding:2px;
}

.Header{ 
grid-area:Header;
text-align:center;
border:none;
background-color:transparent;
overflow:hidden; 
height:300px; 
border:5px inset Darkred;
}

.Main{ 
grid-area:Main;
border:5px inset Darkred; 
background-color:black;
height:auto;
padding:5px;
overflow:scroll;
}

body{
font-family:cursive;
font-size:20px;
background-image:url('https://strawberrynose.neocities.org/oppo.gif');
}

h1{
color: DarkRed;
}

h2{
color: Maroon;
font-weight:normal;
}

h3{
color: Darkred;
font-weight:normal;
}

p{
color: Gainsboro;
} 

hr{
border:none;
border-top:2px outset darkred;
width:100%;
margin: 0 auto;
}

.Main ul {
	position: relative;
	margin-left: 0;
	padding-left: 19px;
        list-style: none;
        text-align:left;
}

.Main li{
color: Gainsboro;
list-style-image: url('https://strawberrynose.neocities.org/favicon.png')
}

.stuffbox{
  border: 15px solid transparent;
  background: #e85f5f;
  background: radial-gradient(circle, rgba(232, 95, 95, 1) 0%, rgba(186, 35, 35, 1) 65%, rgba(74, 2, 2, 1) 100%);
  padding: 0px;
  border-image: url(https://strawberrynose.neocities.org/Border.png) 20 round;
 padding:5px;
}


.Sidebar ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align:center;
}

.Sidebar p{
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align:center;
   color: DarkSalmon;
}

.Sidebar a:link, a:visited, a:active {
   background-color: transparent;
   color: Gainsboro;
   padding: 10px;
   text-decoration: none;
}

.Sidebar a:hover {
   background-color: transparent;
   color: Gray;
   padding: 10px;
   text-decoration: none;
}

.divimage a:hover {
   background-color: transparent;
   color: Gray;
}


#borderimg { 
  border: 15px solid transparent;
  padding: 0px;
  border-image: url(https://strawberrynose.neocities.org/Border.png) 20 round;
}

@media (max-width: 600px) {
  .Header {grid-area: 1 / span 6;}
  .Sidebar {grid-area: 2 / span 1;}
  .Main {grid-area: 2 / span 4;}
  .Footer {grid-area: 4 / span 6;}
}