@font-face {
    font-family: 'basiic';
    src: url(/fonts/basiic.ttf);
}

@font-face {
    font-family: 'DePixelHalbfett';
    src: url(/fonts/DePixelHalbfett.ttf);  
  }

p {
  font-family: 'basiic';
  cursor: url(/cursor/diamondsword.webp), auto;
  }
  
.bold {
  font-family:'DePixelHalbfett';
  
  }

  .closetab {
      font-family: 'basiic';
      height:19px;
      width:49px;
      background-color: pink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #fdd5f1 0%, #fd8fda 50%, #ff59c5 51%, #fdbbee 100%);
      color:white;
      border:0.6px #ED42CC;
      border-style:none solid solid solid;
      margin:0px;
      border-radius: 0px 0px 6px 0px;
      }
      
      .closetab:hover {
        background-color: hotpink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #ffe3f9 0%, #ff96e7 50%, #ff82e3 51%, #ffc4f2 100%);
        }
        

     .maximizetab {
  justify-content: center;
      font-family: 'basiic';
      height:19px;
      width:26px;
      background-color: pink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #fdd5f1 0%, #fd8fda 50%, #ff59c5 51%, #fdbbee 100%);
      color:white;
            border:0.6px #ED42CC;
      border-style:none none solid none;
      margin:0px;
      }
       .minimizetab {
  justify-content: center;
      font-family: 'basiic';
      height:19px;
      width:26px;
      background-color: pink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #fdd5f1 0%, #fd8fda 50%, #ff59c5 51%, #fdbbee 100%);
      color:white;
            border:0.6px #ED42CC;
      border-style:none solid solid solid;
      margin:0px;
      border-radius: 0px 0px 0px 6px;
      }
      
      .maximizetab:hover {
      
        background-color: hotpink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #ffe3f9 0%, #ff96e7 50%, #ff82e3 51%, #ffc4f2 100%);
        }
         
         .minimizetab:hover {
      
        background-color: hotpink; /* For browsers that do not support gradients */
      background: linear-gradient(to bottom, #ffe3f9 0%, #ff96e7 50%, #ff82e3 51%, #ffc4f2 100%);
        }
        
        .controls {
          float:;
          padding-right:5px;
          padding-top:2px;
          }
        
        
    .title-bars {
      cursor: url(/cursor/movecursor.webp), move;
      width:fill;
      height:22px;
      background:DarkTurquoise;
      border:0px ridge;
      border-radius: 5px 5px 0px 0px;
      border-style: solid solid none solid;
      font-family: 'basiic';
      }
      
    .main-window {
      cursor: url(/cursor/diamondsword.webp), auto;
      background:DarkTurquoise;
      border:2px #33CCCC;
      border-radius: 5px 5px 5px 5px;
      border-style:  ridge;
      }
      
      .inner-window {
        cursor: url(/cursor/diamondsword.webp), auto;
      width:fill;
      margin:5px;
      background:white;
      border:2px darkturquoise;
      border-radius: 0px;
      border-style:  ridge;
      font-family: Willow;
      padding:0px;
        }
    
    .shadows {
      filter: drop-shadow(0px 0px 1px #3b373b83) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 0px 1px #eaebf3) drop-shadow(0px 1px 0.1px black);
      }