/*Custom font imports*/
        @font-face {
           font-family: 'punk_kid';
           src: url(https://reboothaven.neocities.org/punkkidfont/punk_kid-webfont.woff);
           }
        @font-face {

  
           font-family: 'Octin_spraypaint';
           src: url(https://reboothaven.neocities.org/octinspraypaintfont/OctinSpraypaint-ARegular.woff);

           }
           
           /*CSS for index page*/
           /*hovering DT effect*/
        
        .hoverPortrait {
        position: relative;
        width: 250px;
        height: 250px; 
        }

        .hoverPortrait img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        }


        .hoverPortrait:not(:hover) .hoverDTPortrait {
        opacity: 0;

        }

        .hoverPortrait:hover .regularPortrait {
        opacity: 0;

        }

         /*CSS for main pages*/
            body {
            background-image:url('');
            background-color: black;
            background-repeat: no-repeat;
            background-size: 1920px;
            font-family:arial;
            color:#5e5e5e;
            font-size:1em;
            line-height:19px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100vh; 
            
            }
            
            #LAYOUT {
            width:900px;
            height:auto;
            padding:5px;
            margin-left:auto;
            margin-right:auto;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            align-items: stretch;
            margin: auto;
            justify-content: center;  
            }
            
            header {
              margin-top:60px;
            width:100%;
            height:150px;
            background-image:url('https://reboothaven.neocities.org/images/background5.jpg');
            background-repeat: no-repeat;
            background-size:900px;
            border-width:2px;
            border-color:black;
            border-style:ridge;
            overflow:hidden;
            }
            h1 {
              font-family:'punk_kid';
              color:white;
             text-align:right;
             text-shadow: 1px 0 black, -1px 0 black, 0 1px black, 0 -1px black,
               1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
              }
            
            .BOARD {
            width:29.3%;
            height:154px;
            background-image:url('');
            border-width:2px;
            border-style:ridge;
            border-color:black;
            padding:5px;
            box-sizing:border-box;
            border-right:0px;
            }
            .BOARD p {
            margin:0px;
            padding:0px;
            }
            .marquee-box {
              font-family:'Octin_spraypaint';
              color:white;
            width:100%;
            height:18px;
            padding:3px;
            border-width:2px;
            border-style:ridge;
            border-color:black;
            margin-top:5px;
            background:black;
            }
            .navigation {
            width:22%;
            min-height:666px;
            border-width:2px;
            border-style:ridge;
            border-color:black;
            margin-top:5px;
            margin-left:5px;
            background:black;
            overflow:hidden;
            position: relative  
            }
            .button {
              font-family:'Octin_spraypaint';
            width:92%;
            color:white;
            height:autp;
            font-size:20px;
            padding:5px;
            text-align:center;
            border:3px ridge darkgrey;
            border-bottom:3px ridge white;
            font-weight:600;
            background-image: linear-gradient(darkgrey, black);
            border-radius: 5px;
            
            }
            ul {
            list-style-type:none;
            padding:3.5px;
            margin:0px;
            }
            
            a {
              font-family:'Octin_spraypaint';
              color: white;
              }
              
              h2 {
              font-family:'Octin_spraypaint';
              color: white;
              }
              h3 {
              font-family:'Octin_spraypaint';
              color: white;
              }
              
            .content {
            width:100%;
            height:666px;
            border-width:2px;
            border-style:ridge;
            border-color:black; 
            margin-top:5px;
            background-image:url('');
            padding:10px;
            box-sizing:border-box;
            }
            
            .container {
              color: white;
            width:100%;
            height:100%;
            border-width:2px;
            border-style:ridge;
            border-color:black; 
            background:black;
            padding:5px;
            box-sizing:border-box;
            overflow-y:auto;
            scrollbar-color: white black;
            }
            
            .container p {
            margin:0px;
            padding:0px;
            margin-top:5px;
            }
            .the-section {
            width:76.6%;
            height:430px;  
            display: flex;
            flex-wrap: wrap;
            
            }
            .logo {
            position: absolute;
            margin-right: 1205px;
            margin-top: 35px;
            width: 20px;
            transform: rotate(-5deg)
            }
     
            .r_float1 {
           position: fixed;
           left: 72%;
           bottom: -5%;
           width: 13%;
           z-index: -1; 
           }
           .r_float2 {
           position: fixed;
           left: 82%;
           bottom: -10%;
           width: 13%;
           z-index: -1; 
           }
           .l_float {
           position: fixed;
           right: 92%;
           bottom: -5%;
           width: 13%;
           z-index: -1; 
           }