@font-face { font-family: Daydream; src: url('fonts/Daydream.ttf'); } 
  @font-face { font-family: VCR; src: url('fonts/VCR_OSD_MONO_1.001.ttf'); } 
  
  body, html, a, a:hover, textarea{
    cursor: url(site images/cbasic.png), crosshair;}
  
  body, html{
    background: #A2D6C9;
    background-image:#57ffd5;background-image:  
    radial-gradient(at 40% 20%, hsla(35,64%,70%,1) 0, transparent 50%),  
    radial-gradient(at 80% 0%, hsla(12,100%,69%,1) 0, transparent 50%),  
    radial-gradient(at 0% 50%, hsla(154,88%,74%,1) 0, transparent 50%),  
    radial-gradient(at 80% 50%, hsla(149,75%,55%,1) 0, transparent 50%),  
    radial-gradient(at 0% 100%, hsla(19,100%,63%,1) 0, transparent 50%),  
    radial-gradient(at 80% 100%, hsla(161,84%,51%,1) 0, transparent 50%),  
    radial-gradient(at 0% 0%, hsla(45,96%,82%,1) 0, transparent 50%);
    background-size:cover;
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    margin:0;
    padding:0;}
    
  #noise{
    background-image: url('site images/billie-holiday.png');
    width:inherit;
    height:inherit;
    margin:0;
    padding:0;
    overflow:hidden;}
    
  #content{
    margin:0 auto;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;}
    
  #lyt{
    background: url('site images/lyt%20thing%20blue.png');
    margin:0 auto;
    height: 700px;
    width: 1070px;
    position:relative;}
    
  #title{
    position: absolute;
    width:1070px;
    top: -3px;
    font-smooth: never;
    -webkit-font-smoothing : none;
    color: black;
    text-fill-color: transparent;
    background-clip:text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    background-image: rgb(245,102,7);
    background-image: linear-gradient(0deg, rgba(245,102,7,1) 0%, rgba(255,182,113,1) 100%);
    font-family: Daydream;
    font-size: 37px;
    text-align:center;
    -webkit-text-stroke: 2px black;
    filter: drop-shadow(0px 4px 0px white) drop-shadow(0px -4px 0px white) drop-shadow(4px 0px 0px white) drop-shadow(-4px 0px 0px white) drop-shadow(0px 2px 0px #E27C00) drop-shadow(0px -2px 0px #E27C00) drop-shadow(2px 0px 0px #E27C00) drop-shadow(-2px 0px 0px #E27C00) drop-shadow(4px 4px 0px #000);}
  
  #cred{
    position: absolute;
    top: 660px;
    left: 60px;
    width: 945px;
    background:transparent;
    margin:0;
    padding: 0;}
    
    #cred .text{
      font-family: VCR;
      font-size: 14px;
      color: #fff;
      text-align: right;
      margin-right:20px;
      margin-top:5px;}
  
  #b1{
    position: absolute;
    margin:0;
    padding:0;
    left: 364px;
    top: 315px;
    width: 320px;
    height: 315px;
    overflow-y: auto;
    overflow-x: none;
    background:transparent;
    border: 0px solid black;}
      
    #b1 .text{
      font-family: VCR;
      font-size: 13px;
      line-height: 15px;
      color: #fff;
      margin:5px;
      font-weight:normal;
      text-shadow: 0px 0px 1px #B05E1B,  0px 0px 2px #B05E1B, 0px 0px 3px #B05E1B, 0px 0px 4px #B05E1B;}
    
  #b2{
    position: absolute;
    left: 106px;
    top: 164px;
    width: 222px;
    height: 151px;
    overflow-y: auto;
    overflow-x: none;
    background:transparent;
    border: 0px solid black;}
    
    #b2 .text{
      font-family: VCR;
      font-size: 12px;
      line-height: 14px;
      color: #DE7C37;
      margin:0px;
      font-weight:normal;}
    
  #b3{
    position: absolute;
    left: 106px;
    top: 457px;
    width: 222px;
    height: 151px;
    overflow-y: auto;
    overflow-x: none;
    background:transparent;
    border: 0px solid black;}
      
    #b3 .text{
      font-family: VCR;
      font-size: 13px;
      line-height: 15px;
      color: #21A68E;
      margin:0px;
      font-weight:normal;}
      
  #b4{
    position: absolute;
    left: 704px;
    top: 109px;
    width: 273px;
    height: 238px;
    overflow-y: auto;
    overflow-x: none;
    background:transparent;
    border: 0px solid black;}
    
    #b4 .text{
      font-family: VCR;
      font-size: 13px;
      line-height: 15px;
      color: #000;
      margin:5px;
      font-weight:normal;}
    
  #b5{
    position: absolute;
    left: 704px;
    top: 420px;
    width: 273px;
    height: 208px;
    overflow-y: auto;
    overflow-x: none;
    background:transparent;
    border: 0px solid black;}
    
    #b5 .text{
      font-family: VCR;
      font-size: 13px;
      line-height: 15px;
      color: #000;
      margin:5px;
      font-weight:normal;}
    
  * {
    scrollbar-width: auto;
    scrollbar-color: #f6a46d #ffffff;
  }

  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: rgb(255,206,175);
    background: linear-gradient(0deg, rgba(255,139,29,1) 0%, rgba(255,206,175,1) 100%);
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff;
  }

  *::-webkit-scrollbar-thumb {
    background: #FCCCAA;   
    border-radius: 0px;
    border: 1px dashed #fff;
  }
  
  a {
    color:inherit;
    text-decoration: underline;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;}
    
    a:hover {
      color:inherit;
      text-decoration: none;
      letter-spacing: 2px;
      -moz-transition: .5s;
      -webkit-transition: .5s;}
   
  .n {
    margin:0;
    padding:0;
    line-height:15px;
    font-size:14px;} 
  
    .n ul{
      padding:0;
      margin:0;
      list-style-position:inside;
      list-style-image: url('site images/check%204.gif');
      }
  
    .n a{
      color: inherit;
      text-decoration:none;
      margin:0;
      padding: 0;
      padding-top: 1px;
      padding-bottom:1px;
      border:none;
      line-height:8px;}
  
    .n a:hover {
      background: rgb(245,102,7);
      background: linear-gradient(0deg, rgba(245,102,7,1) 0%, rgba(255,182,113,1) 100%);
      border-radius:0px;
      border: 1px solid white;
      box-shadow: 2px 0px 0px black, -2px 0px 0px black, 0px 2px 0px black, 0px -2px 0px black, 0px 0px 2px black;
      text-shadow:none;
      color: #000;
      padding-left:5px;
      -moz-transition:.5s;
      -webkit-transition:.5s;
      transition:.5s;
      letter-spacing:5px;}
     
    .n li{
      list-style-type: square;
      padding-bottom:3px;
      margin-top: 3px;
      margin-bottom: 0px;}
   
    .n ul{
      margin-top: 0px;}
      
    
  ul{
    padding:0;
    margin:0;
    padding-top:3px;
    padding-bottom:3px;
    list-style-position:inside;
    color:inherit;
    list-style-image: url('site images/check%205.gif');}
      
  li{        
    margin-bottom:3px;}
    
  .pf{
    width: 90px;
    height: 150px;
    background-color: white;
    background-image: url('https://dummyimage.com/90x150px/ffffff/000.png');
    border: 1px solid #000;
    margin-right: 5px;
    margin-bottom: 5px;
    float:left;}