@font-face {
        font-family:"basiic";
        src:url('/fonts/basiic.ttf')
    }
    
    button {
        opacity:0.4;
        font-family:'basiic';
    }
    
    button:hover {
        opacity:0.8;
    }
    
      hr {
        color:#ffc742;
    }
  
      p {
        color:ghostwhite;
        opacity:0.4;
        line-height:20px;
        font-family:'basiic';
      }
      p:hover {
        color:ghostwhite;
        opacity:0.9;
        background-color:black;
      }
  
      a:link {
        color:black;
        background-color: transparent;
        text-decoration: none;
            }
      a:visited {
        color:black;
        background-color: transparent;
        text-decoration: none;
            }
      a:hover {
        color:red;
        background-color: transparent;
        text-decoration: underline;
           }
      a:active {
        color:black;
        background-color: transparent;
        text-decoration: none;
          }

        body {
      background-image:url('https://64.media.tumblr.com/67d4580761a541305790be983ac99bec/6f0dc62d3c26d919-a7/s250x400/8b4989bd630efa2a2113b158f17e009e042b3f51.pnj');
      text-align:center;
        }
    
    
      .main {
        padding:40px;
        margin:auto;
        height:550px;
        max-width:680px;
        background-image:url('https://soursweet.neocities.org/index/new.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-family: "Old Typewritera2.0.ttf";
        text-align: center;
        font-size:15px;
        line-height:19px;
        overflow: scroll;
        scrollbar-width: none;
      }
    
        .screen {
            background-image:url('https://64.media.tumblr.com/a93e632ea27ab6c5cfbe0591f493646c/6f0dc62d3c26d919-ce/s250x400/af14c1cd730988067c2228c4c321bd1c8dbed0c6.pnj');
            background-size:50% 50%;
            border-radius:1%;
            margin-left:16%;
            top:2%;
            position:sticky;
            width:68%;
            height:50%;
            overflow:scroll;
            border: 2px solid black;
            overflow-x:hidden;
            text-align:center;
            padding-left:2px;
        }
    
    
          .borderwin1 {
        border:3px solid darkred;
        border-top:15px solid darkred;
        
        padding:5px;
        background-color:black;
        height:470px;
        width:220px;
        left:80%;
        top:5%;
        
        color: white;       
        font-size:20px;
        font-family:"webfont";
        overflow:scroll;
        line-height:30px;
        position:absolute;
        text-align: center;
          }
          
          
          
          .borderwin2 {
        border:3px solid darkred;
        border-top:15px solid darkred;
        
        padding:5px;
        background-color:black;
        height:470px;
        width:220px;
        left:2%;
        top:5%;
        
        color: white;       
        font-size:20px;
        font-family:"webfont";
        overflow:scroll;
        line-height:30px;
        position:absolute;
        text-align: center;
          }