/* color pallete:
 rgb 132 42 76 (dark pink)
 rgb 19 106 202 (bright blue)
 rgb 191 22 13 (red)
 rgb 252 219 43 (yellow)
 rgb 220 86 13 (orange)
 rgb 35 37 71 (dark blue)
 rgb 139 175 237 (muted light blue) */
   

body {
  background-image:url('background.jpg');
  background-repeat: repeat;
  color: ivory;
  letter-spacing:0.10em;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 1em
  
}
header {
  text-align: center
}
h1 {
  text-align: center;
  text-shadow:
  0.3vh 0.3vh 0.5vh rgba(220, 86, 13),
  0 0 1vh rgba(252 219 43) ,
  0 0 1.2vh rgba(132 42 76) ;
}
  
.container{ 
  display: grid;
  grid-template-columns: 1fr 2fr 4fr 2fr 1fr;
  margin-left: auto;
  margin-right: auto;
  width: 97vw;
  align-items: start; 
  
}
.woah:hover{
  transform: rotate(5deg) scale(1.1);
  box-shadow: 0.3vw 0.3vw 3vw rgba(255, 255, 255, 0.6);
  transition: transform 0.3s ease;
}
div:not(.invis){
   background-color: rgba( 19, 106, 202, 0.8);
  padding: 2vw;
  box-shadow: 1vw 1vw 1vw rgba(92, 2, 36, 0.9);
  margin: 3vh 1vh;
  border-style: outset;
  border-color: rgba(252, 219, 43, 1);
  border-width: 0.7vh;
  text-align:center ;
}
nav {
  background-color: rgba(220, 86, 13, 0.8);
  border-style: outset;
  border-color: rgba(252, 219, 43, 1);
  border-width: 0.6vh;
  margin: auto;
  text-align: center;
  padding: 1vh
}

 .left::-webkit-scrollbar {
   width: 0;
 }
  .center::-webkit-scrollbar {
   width: 0;
 }
  .right::-webkit-scrollbar {
   width: 0;
 }

.left {
  grid-column: 2 / 3;
  overflow-y: auto;
  
}
.center{
  grid-column: 3 / 4;
  overflow-y: auto;
}
.right {
  grid-column: 4 / 5;
  overflow-y: auto;
}
.imagel {
  grid-column: 1 / 2;
  overflow-y: auto;
}
.imager {
  grid-column: 5 / 6;
  overflow-y: auto;
}
.spacecss{
  display: none;
}
.standardcss{
  visibility: visible!important;
}
.halloweencss {
  display: none!important
}
.button {
  background-color: rgba(220, 86, 13, 0.8);
  border-style: outset;
  border-color: rgba(252, 219, 43, 1);
  border-width: 0.6vh;
  margin: auto;
  text-align: center;
  padding: 1vh;
  letter-spacing:0.10em;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 1em;
  color: white;
}

#pfp {
  border-radius: 30%;
  background-color: rgba(35, 37, 71, 1);
  border: none;
  padding: 0;
  text-align: center
}
a {
  color: orange;
}
nav > a {
  color: white;
  padding: 1vw
}
 @media screen and (max-width:993px) {
      .bigscreen {
        display: none
      }
      .container {
        width: 100%;
      }
      body {
        font-size: 1vh
      }
      #meyay {
        width: 15em;
        height: 15.2em;
      }
 }
@media screen and (min-width:993px) {
    .smallscreen {
      display: none;
      }
}