h1{
  font-family: wayoshi;
}
p{
  font-family: papermario;
}
a{
  font-family: papermario;
}   

            @font-face {
                font-family: papermario;
                src: url('https://blackopskoopa.neocities.org/fonts/FOT-PopJoyStd-B.otf');
            }

            @font-face {
                font-family: wayoshi;
                src: url('https://blackopskoopa.neocities.org/wayoshi.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: hatena;
                src: url('https://blackopskoopa.neocities.org/flipnote-hatena-font.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Nunito;
                src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }
.layout {
  
  border-width: 10px;
  width: auto;
padding: 50px;
  display: grid;
  grid:
    "header header header" auto
    "s body rightSide" 1fr
    "footer footer footer" auto
    / auto 1fr auto;
  gap: 0px;
}

.header { grid-area: header; 
 background: rgb(0,255,0);
background: linear-gradient(0deg, rgba(0,255,0,1) 0%, rgba(12,126,0,1) 0%, rgba(0,255,0,1) 100%);
border: solid;}
.s { grid-area: s; border: solid;}
.body { grid-area: body; background-color: white; border: solid;}
.rightSide { grid-area: rightSide;
border: solid;
color: white; border-color: black;
  background-image: url('https://blackopskoopa.neocities.org/arts/bgs/stripe.png');
}
.footer { grid-area: footer;
  border: solid;
  background-color: lightgrey;
}
body{
  
  text-align: center;
  background-image: url('https://blackopskoopa.neocities.org/arts/bgs/calvin.png');
  cursor: url('mouse.png'),auto;
  /*padding: 50px;*/
} 
.banner{
  max-width: 100%;
  width: 100%;
}
.sleeper{
  image-rendering: pixelated;
  text-align: right;
  max-width: 100%;
  height: auto;
}
 button{
    font-family: papermario;
  }
  button:hover{
    background-color: yellow;
  }
  footer{
    font-family: papermario;
    background-color: lightgray;
  }
  #subtext{
    font-family: hatena;
    font-size: 30px;
  }
  #GBar{
  background-color: lightgreen;
  text-align: left;
}