@font-face{
     font-family: font1;
     src: url(BASKVILL.TTF);
    }

@font-face{
     font-family: font2;
     src: url(PALSCRI.TTF);
    }
    
 
    body{background-color: #9966ff;
         
          font-family: font2;
          font-size: 10vw;
          color: white;
    }
          a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: black;
}

            .head{position: fixed;
                top: 0px;
                left: 5%;
                width: 90%;
                height: 10%;
                font-size: 15vh;
                text-align: center;
                
                
           }
           .head2{position: fixed;
                top: 15vh;
                left: 5%;
                width: 90%;
                height: 10%;
                font-size: 15vh;
                text-align: center;
                
                
           }
           .back{position: fixed;
                top: 0px;
                left: 1%;
                width: 8%;
                height: 10%;
               text-align: center;
                background-color: #9966ff;
                font-family: font1;
                font-size: 5vh;
                a:link {color: white;}
                a:visited {color: white;}
                a:hover {color: white;}
           }
            .next{position: fixed;
                top: 0px;
                left: 85%;
                width: 14%;
                height: 10%;
                
                text-align: center;
                background-color: #9966ff;
                font-family: font1;
                font-size: 5vh;
                color: white;
                a:link {color: white;}
                a:visited {color: white;}
                a:hover {color: white;}
           }
           .new{position: fixed;
                top: 0px;
                left: 76%;
                width: 14%;
                height: 10%;
               text-align: center;
                
                font-family: font1;
                font-size: 5vh;
                color: white;
                a:link {color: white;}
                a:visited {color: white;}
                a:hover {color: white;}
           }
   .stat{position: fixed;
    top: 0px;
    left: 15%;
    width: 30%;
    height: 10%;
    font-family: font1;
    font-size: 5vh;
    color: white;
 }
 .view{position: fixed;
    top: 0px;
    left: 55%;
    width: 30%;
    height: 10%;
    font-family: font1;
    font-size: 5vh;
    color: white;
 }
 .headall{position: fixed;
   top: 0px;
    left: 0px;
    width: 100%;
    height: 15%;
    background-color:#9966ff;
    z-index: 6;
    
 }
           .dayhold{position: absolute;
               top: 20%;
                left: 2%;
                width: 96%;
                font-size: 10vh;
                text-align: center;
                font-family: font1;
                
           }
           table{
               
               left: 0%;
               width: 100%;
               
               color: yellow;
           }
        td{
               width: 14vw;
               height: 14vh;
               vertical-align: top; 
           }
           .spacer{
               height: 3vh;
               font-size: 2.5vh;
                text-align: left;
                font-family: font1;
                overflow: auto;
           }
           .sizer{
               width: 100%;
           }
           .bottom{
               
               width: 100%;
               height: 14vh;
               border: solid 5px white;
           }
    div.ovlay{
 display: none;
 position: fixed;
    top:0%;
    left:2%;
    width: 96%;
    height: 96%;
    z-index: 10; 
    background: slategray;
    }
    iframe{
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;   
}
  

.psst{
    position: absolute;
    height: 40%;
    width: 90%;
    top: 25%;
    left: 5%;
    font-family: font1;;
    font-size: 10vh;
    text-align: center;
    color: black;
   
}
.pssbx{position: absolute;
    height: 9.75vh;
    width: 100%;
    border: 2px solid black;
}
.psshld{ position: absolute;
    height: 100%;
    width: 90%;
    top: 0%;
    left: 0%;
    
}

.eyebx{ position: absolute;
    height: 100%;
    width: 10%;
    top: 0%;
    left: 90%;
    z-index: 4;
    
}
 
.eye{ position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}
.eyep{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
   
}
.eyex{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    display: none;
} 
.pss{
    position: fixed;
    height: 60%;
    width: 65%;
    top: 15%;
    left: 17.5%;
    z-index: 7; 
    border: 2px solid yellow;
    border-radius: 1em;
    background-color: #ffffcc;
}
.pswd{position: absolute;
      left: 0px;
      top: 0px;
      color: black;
      font-size: 7vh;
      width: 100%;
      height: 100%
}
.but{
    font-family: font1;
    font-size: 7vh;
}
.chbx{
    width: 5vh;
    height: 5vh;
    background-color: #ffffcc;
    color: black;
}


.tfair{ position: absolute;
    top:5%;
        left:1%;
        width: 98%;
        z-index: 4;
        
}
.pac{position: absolute;
    left:10%;
    width: 80%;
    height: 45%;
    border: 2px solid white;
    border-radius: 1em;
    z-index: 4;
}

.under2{position: absolute;
    top:0%;    
    left:0%;
        width: 100%;
        height: 100%;
        border: 2px solid white;
        border-radius: 1em;
        background-color: black;
        z-index: 3;
        opacity: .15;
}
.ltd{
    text-align: center;
    font-weight: normal;
    margin:5px;
    text-align: center;
    color: white;
    font-family:  font1;
    font-size: 5vh;
    
} 
.cdates{ position:fixed;
                 left:10%;
                top:32%;
                width:80%;
                height: 65%; 
                font-family: font1;
          font-size: 3.5vh;
          text-align: justify;
          color: white;
          overflow: auto;
          a:link {color: yellow;}
          a:visited {color: yellow;}
          a:hover {color: yellow;}

 } 
.Lnew{position: fixed;
                top: 0px;
                left: 86%;
                width: 14%;
                height: 10%;
               text-align: center;
                
                font-family: font1;
                font-size: 5vh;
                color: white;
                a:link {color: white;}
                a:visited {color: white;}
                a:hover {color: white;}
           }
   .Lstat{position: fixed;
    top: 0px;
    left: 5%;
    width: 40%;
    height: 10%;
    font-family: font1;
    font-size: 5vh;
    color: white;
 }
 .Lview{position: fixed;
    top: 0px;
    left: 50%;
    width: 30%;
    height: 10%;
    font-family: font1;
    font-size: 5vh;
    color: white;
 }