body{
  background:black;
  color:#1865a7;
  font-size:13px;
  font-family: "Press Start 2P", system-ui;
  line-height:200%;
  word-spacing:-5px;
}
.wuztag img{
  width:40%;
}
.wuztag{
  position:relative;
  top:-8vw;
  height:0px;
}
a {
  color:#338fc7;
}
strong {
  color:#338fc7;
  font-size:15px;
}
.quote{
  font-size:18px;
  color:#338fc7;
  max-width:65%;
  line-height:150%;
}
.press-start-2p-regular {
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style: normal;
  
}
.container{
  display:grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 400px auto auto;
  margin:auto;
  width:61%;
  gap:10px;
  padding-top:10px;
  justify-content: center;
}
.favs{
  max-width:200px;
  border: 15px solid;
  border-image: url("https://file.garden/aIJW6kKjWXYbh8q9/wuz%20neocities/border.gif") 30 stretch;
  padding:10px;
  overflow: auto;
}
.main-content{
  border: 15px solid;
  border-image: url("https://file.garden/aIJW6kKjWXYbh8q9/wuz%20neocities/border.gif") 30 stretch;
  max-width:500px;
  padding:50px 10px 50px 10px;
  grid-column:2 /span 2;
  text-align:center;
}
.divider {
  display: flex;
  align-items: center;
}
.divider img{
  width:5%;
}
.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 1px;
  background-color: #338fc7;
  margin: 5px;
}
.interests{
  border: 15px solid;
  border-image: url("https://file.garden/aIJW6kKjWXYbh8q9/wuz%20neocities/border.gif") 30 stretch;
  max-width:200px;
  padding:10px;
  grid-column: 4;
}
.graphics{
  border: 15px solid;
  border-image: url("https://file.garden/aIJW6kKjWXYbh8q9/wuz%20neocities/border.gif") 30 stretch;
  grid-column: 1 /span 4;
  padding:10px;
  overflow:auto;
  display:flex;
  justify-content: space-evenly;
}
.credits{
  font-size:10px;
  border: 5px solid;
  border-image: url("https://file.garden/aIJW6kKjWXYbh8q9/wuz%20neocities/border.gif") 15 stretch;
  grid-column: 1 /span 4;
  padding:10px
}
.footer img{
  transform: scaleY(-1)
}
::-webkit-scrollbar {
  width: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: black; 
  border-radius: 5px;
  border:1px solid #338fc7;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #338fc7; 
}

/*mobile support*/

@media only screen and (max-width: 600px) {
  body{
    font-size:75%;
  }
  .container{
    width:100%;
  }
  .quote{
    font-size:20px;
    line-height: 30px;
    width:100%;
  }
  .favs{
    grid-area: 1 /span 2;
  }
  .interests{
    grid-area: 1 /span 2;
  }
  .main-content{
    grid-column:1 /span 4
  }
  .graphics{
    grid-column:1 /span 4
  }
  .wuztag img{
  width:100%;
  }
  .wuztag{
  position:relative;
  top:-27vw;
  height:0px;
  }
}

@media only screen and (min-width: 600px) and (max-width:900px) {
  body{
    font-size:75%;
  }
  .container{
    margin:auto;
    width:70%;
    justify-content: space-evenly;
  }
  .quote{
    font-size:25px;
    line-height: 30px;
  }
  .favs{
    grid-area: 1 /span 2;
  }
  .interests{
    grid-area: 1 /span 2;
  }
  .main-content{
    grid-column:1 /span 4
  }
  .graphics{
    grid-column:1 /span 4
  }
  .wuztag img{
  width:50%;
  }
  .wuztag{
  position:relative;
  top:-10vw;
  height:0px;
  }
}