:root { content: #50d4ae;}

@font-face {
    font-family: DOS;
    src: "https://rekanochi.neocities.org/fonts/retro_computer_personal_use.ttf";}

            body {
                font-family: 'DOS', sans-serif;
                margin: 0;
                background-image: url(https://rekanochi.neocities.org/img/bg/comp016.gif);
                background-color: #7b6b8c;
                background-size: 250px;
                color: #fceaff;
            }

            * {box-sizing: border-box;}
                
            #container {max-width: 1400px;
                margin: 0 auto;}

            #container a {color: #73fa87;
                font-weight: bold;}

            #header {width: 100%;
                background-color: #1d0d1c;
                height: 150px;
                background-image:url('https://i.imgur.com/ubFXeVU.png'); 
                background-size: 100%;}

            #navbar {height: 40px;
                background-color: #000088;
                width: 100%;}

            #navbar ul {display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-around;}

            #navbar li {padding-top: 10px;}

            #navbar li a {color: #36e39c;
                font-weight: 800;
                text-decoration: none;}

            #navbar li a:hover {color: #d65be1;
                text-decoration: underline;}

            #flex {display: flex;}
                
            aside {background-color: #000047;
                width: 200px;
                padding: 20px;
                font-size: smaller;}

            main {background-color: #000000;
                flex: 1;
                padding: 20px;
                order: 2;}
                
            #leftSidebar {order: 1;}
            #rightSidebar {order: 3;}

            footer {background-color: #000088;
                width: 100%;
                height: 40px;
                padding: 10px;
                text-align: center;}
            
            h1 {color:#05ff00; font-size: 30px; font-family:"DOS"}
            h2 {color:#05ff00; font-size: 20px; font-family:"DOS"}
            h3 {color: #fc00fa;}
            h6 {color:#FFFFFF; background-color:#4d2600;}

            strong {color: #ED64F5;}

            #topBar {width: 100%;
                height: 30px;
                padding: 10px;
                font-size: smaller;
                background-color: #180b47;}

            @media only screen and (max-width: 1300px) {
                #flex {flex-wrap: wrap;}
                aside {width: 100%;}
                main {order: 1;}
                #leftSidebar {order: 2;}
                #rightSidebar {order: 3;}
                #navbar ul {flex-wrap: wrap;}}

            .relative {position:relative;}
            .absolute {position:absolute;}
            .fixed {position:fixed;}
            
            .floatright {float:right;}
            .floatleft {float:left;}
            
            #back_button {position:fixed;
            top:30px;
            left:30px;
            padding:5px;}

body {     font-family: 'Nunito', sans-serif;
                margin: 0;
                background-image: url(https://rekanochi.neocities.org/img/bg/comp016.gif);
                background-color: #7b6b8c;
                background-size: 250px;
                color: #fceaff;}
#header {width: 100%;
                background-color: #1d0d1c;
                height: 150px;
                background-image:url("https://rekanochi.neocities.org/img/bg/1GXnjRI.jpeg"); 
                background-size: 100%;}
.box {background-color: #008000;
                border: 5px solid #BD0000;
                padding: 10px;}

.audiobox {float:right;
background-image:url(https://i.imgur.com/3efJLYx.jpg);
background-size:cover;
background-color:#FFFFFF;
border:3px solid #4d2600;
height:150px;width:400px;}

.listbox {background-padding: 10px;}

.textbox {background-color: #1a5518;
                font-family:'DOS';
                border: 10px solid #0a12a3;
                padding: 5px;}

/*games*/

/*graphics woo*/
#gameboy {height:250px;}
#gba {bottom:0px; right:0px; height:50px;}
#gems {height:100px; bottom:0; right:80px;}
#arcade1 {bottom:0px; left:200px; height:200px;}
#arcade2 {bottom:0px; left:0px; height:200px;}
#minecraftdiamond {height:100px;}
#birdie{}
.tenor-gif-embed{height:300px;}