:root{
    scrollbar-color: rgb(230, 49, 49) rgb(0, 0, 0);
    
}
img{
    user-select: none;
    pointer-events: none;
    image-rendering: pixelated;
}

body {
    font-family: "dyslex", Courier, monospace;
    font-size: 18px; 
    margin: 0px 0px 0px 0px; 
    padding: 2px;; line-height: 150%;
    scrollbar-width:auto; 
    scroll-behavior:smooth;
   background-image:url(../images/main/bg.gif);
   background-size:cover;
   background-position: center;
}
h1,h2,h3,h4,h5,h6,p {
  text-align: center; padding: 10px; margin: 4px;
}
footer{
    position: absolute;
    align-self: end;
    align-items: center;
    bottom: 5px
}
header{
    max-width: 1100px;
    position: center;
    padding: auto;
    margin:auto;
    text-align: center;
    line-height: 60px;
}
.title {
    font-family: "retro", wrong, sans-serif;
    font-size: 900%;
    color: transparent; background-image: linear-gradient(90deg,#93004ca5,#cd0000,rgb(255, 0, 0),#ff0000,#1c24ff,#1c24ff,#006aff);-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; 
    margin-bottom: 20px; margin-top: -50px; padding-bottom: 20px; padding-top: 10px;
    text-shadow:6px 6px 0px rgba(0, 0, 0, 0.504);
    line-height: 0.6em;
    text-align: center; 
    position: sticky;
    translate: +0 +80px;
    transform: translateZ(+5px);
    z-index: +2;}
.all {
  max-width: 1100px;
  translate: +40px;
  
  top: 50%; left: 50%;
   margin-left: auto;margin-right:auto ;  margin-bottom: 2%; margin-top: -15px;
   padding: 60px 20px 20px 20px;
   background-color: rgba(0, 0, 0, 0.89);
display: flex;
gap: 1em;
border-radius: 5px;
   box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #a12929,inset -3px -3px rgb(64, 22, 22),inset 2px 2px #770000;
   overflow: visible;}


#sonic{
    height:150px;
  translate: -70px 10px;
  margin-top: -130px;
  padding: none;
}
  #shadow{ 
    max-height: 150px;
    padding: none;
  }
/* PRINC GRID */
.main_grid{
    gap: 0.5%;
    width: auto;
    height: auto;
    margin-left: -190px;
    }
      .guy{
        padding: 0px;margin: 6px;
        background-color: rgb(0, 6, 40);
        color: rgb(189, 189, 189);
        font-size: 18px;
         box-shadow: -3px -3px  #002e8b, 2px 2px  #ffffffaa, 3px 3px #0e0808aa, -2px 2px  #000000aa,3px 3px #ef000087;
        border-radius: 3px;
        z-index: +1;

           h1{  font-family: "rubik", sans-serif;
            font-weight: 900;
            text-transform: uppercase;
            text-align: center;
            z-index:0 ;
        background-color: #002e8b;
       margin: 0px;
        color: #adabab;
        text-shadow: 1px 1px 5px #00bbff;
        padding: 20px;}
        p{font-family: "dys", Courier, monospace;
            line-height: 150%;
            letter-spacing: -2px;
            text-transform:lowercase;
            margin-left:20px;margin-right: 20px;
            padding-top: 10px; padding-bottom: 14px;
                 text-align: left;
                
        }
    }
    .flex{
    display: flex;
    flex-direction:row;
    gap: 0.5%;
 }
#introo{

 }
#idk{
width: 600px;
     height: 300px;
     overflow-y: scroll;
     p{
      border-bottom: #0156ff 2px solid; border-top: transparent ;border-left: transparent;border-right: transparent;
      border-style: dashed;
      overflow-y: scroll;
     }
      p:last-child{
            border-bottom: transparent;
        }
}
#yk{
    
}

.divider{

    gap: 2%;

    padding-left: 10px; padding-right:20px; padding-bottom: -0px; margin-bottom: -60px; margin-top: -50px;
    height: auto;
    max-width: 1150px;
    overflow:clip;}
.move{
        max-width: 1222px;
        max-height: 150px;
        padding: 30px;
        animation: 2s linear 0s infinite normal running walk;
    }


#lilman{

}
#hi{

     max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
}
#site_check{
  
}
#iloveyou{
}

footer{
  position:static;
  align-self: center;
    color: rgb(189, 189, 189);
    font-size: 14px;
    text-align: center;
    right:30px;
    margin-top: 2px; bottom: 30px;
    padding: 10px;
    border-top: 1px solid rgb(255, 0, 0);
    background-color: #0156ffb2; 
    gap: 20px;
    p{
margin: auto;
    }
}

#under_construction{position: absolute;;
    translate: 10px -20px;
}