* {
  box-sizing: border-box;
}

.wrap{
display:flex;
justify-content:center;
position:relative;
}

.record{
position: absolute;
left:910px;
bottom:-10px;
z-index:-1;
}

.container {  
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 0px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "Sidebar Main Main"
    "Sidebar Main Main"
    "Sidebar Main Main"
    "Sidebar Main Main";
width:800px;
height: 400px;
margin: 100px;
border-radius:4px; 
}

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

.Footer{
border:5px solid grey;
background-color:lightgrey;
border-radius:10px;
height:50px;
text-align:center;
font-size:12px;
}

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

.Sidebar{
grid-area:Sidebar;
border:5px solid #808080;
border-radius:10px;
background: radial-gradient(circle,rgba(209, 207, 207, 1) 0%, rgba(179, 175, 175, 1) 49%, rgba(128, 128, 128, 1) 100%);; 
padding:0px;
margin:0px;
}

.Main{ 
grid-area:Main;
border:5px solid grey;
border-radius:10px;
height:auto;
padding:0px;
margin:0px;
overflow:scroll;
}

body{
font-size:20px;
background-image:url('https://strawberrynose.neocities.org/notes.png');
background-size:cover;
}

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

iframe{
  border:none;
  scrollbar-width:none;
  margin: 0px;
}

h1{
color: #6B2013;
}

h2{
color: #484747;
font-weight:normal;
text-align:center;
margin:3px;
padding:3px;
}

h3{
color: #484747;
font-weight:normal
}

p{
color: black;
} 

.Sidebar ul, li{
	text-decoration:none;
	text-align:center;
  list-style: none;
  margin:0px;
  padding:2px;
}

.Sidebar a:link, a:visited, a:active {
   background-color: transparent;
   color: rgb(97, 107, 117);
   text-decoration: none;
}

.Sidebar a:hover {
   background-color: transparent;
   color: darkslategray;
   text-decoration: none;
}

.Sidebar ul, li{
 margin:0px;
 padding:0px; 
}

@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;}
}