/* woah, you actually looked up the css page to see how my website works. Cool. Lucky for you, I think I organized this pretty well. Feel free to take notes, but please DO NOT STEAL/RIP MY CODE. DO NOT USE MY WEBSITE AS A TEMPLATE. THERE ARE MANY F2U TEMPLATES FOR WEBSITES, MINE IS NOT ONE OF THEM.*/
   
   /* Neurotoxin 2023 - forever. Code completely written by a human, NO AI.*/
   
   
   /* root */
   
   :root {
     --test-color: green;
     
     --neuro-main: #ECE9D8;
     --neuro-accent: #0050ED;
     }
   
   
   /* main elements */
   
    body {
     background-color: var(--test-color);
     }
    
    main {
     margin: auto;
     padding: 0px;
     width: 60%;
     background-color: black;
     border: 1px solid red;
     }
    
    header {
      height: 30px;
      width: 100%;
      }
    
    nav {
     margin: 2px;
     padding: 10px;
     width: 100%;  
     border: 1px solid red;
     border-radius: 3px;
     }
   
   /* left side*/
    article {
     margin: 0px;
     padding: 0px;
     width: 75%;
     float: left;
     /* border: 1px solid red;
     border-radius: 3px; */
     }
   
   /* right side */
    aside {
     margin: 0px;
     padding: 0px;
     width: 25%;
     float: right;   
     /* border: 1px solid red;
     border-radius: 3px; */
     }


   /* text */

    p {
     font-family: "ds";
     font-size: 20px;
     color: white;
     }
   
    a {
     font-family: "ds";
     font-size: 20px;
     text-decoration: underline;
     }
   
    a:hover {
     font-family: "ds";
     font-size: 20px;
     color: #7C8CFF;
     font-style: italic;
     text-decoration: underline;
     }
   
    h3 {
     font-family: "tahoma";
     font-size: 25px;
     color: white;
      }
   

   /* classes & divs */
   
   .lyr {
     width: 100%;
     height: 20px;
     margin: 0px;
     padding: 2px;  
     border: 1px solid red;
     }
   
    #statuscafe {
     font-family: "ds";
     font-size: 18px;
     padding: .5em;
     width: auto;
     background-color: #ECE9D8;
     border: 3px outset #0050ED;
     overflow: auto;
     }
    
    #statuscafe-username {
     margin-bottom: .5em;
     }
    
    #statuscafe-content {
     height: 50px;
     margin: 0 1em 0.5em 1em;
     }
   
   
   

   /* media */
   
   @media screen and (max-width: 800px) {
     main {
      width: 98%;
      }
     article {
       width: 100%
       }
     aside {
       width: 100%
       }
     
     #statuscafe {
      overflow: auto;
      }
     #statuscafe-username {
      font-size: 12px;
      }
     
     
    
   }