/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Jan 28, 2023, 1:47:49 PM
    Author     : Scott
*/
 @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;
}
img{position: absolute;
                width: 100%;
                height: 100%;
               left:0vw;
              top:0vh;
             z-index: 0;
            }
     
.bgimg{position: absolute;
                width: auto;
                height: 100%;
               left:0vw;
              top:0vh;
             z-index: 0;
            }
     a:link {
            color: #ffffcc;
            }

/* visited link */
            a:visited {
              color: #ffffcc;
            }

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

            /* selected link */
            a:active {
              color: #ffffcc;
            }
            .mscroll{
                position: absolute;
                top:2200%;
                left:0px;
                width:100%;
                height:100%;
                z-index: 0;
            }
 .headbox{position: fixed;
 top:0px;
 left:0px;
 width:100%;
 height:30%;
 z-index: 5;
 background-color: #9966ff;
 }
 .menu{
        position: absolute;
                left:40vw;
                top: 5vh;
                width:55vw;
                height:15vh;
                z-index: 15;
              	text-align: center;
               	font-family: font1;
    		font-size: 4vh;
    		text-shadow:2px 2px black;
      }  
 .header{position: absolute;
                left:10%;
                top: 1%;
                width:100%;
                height:24%;
                z-index: 15;
                font-family: font2;
          font-size: 22vh;
          color: white;
          text-shadow:2px 2px black;
            }
            .head2{position: absolute;
                left:21%;
                top: 2.5%;
                width:50%;
                height:11%;
                z-index: 15;
                font-family: font1;
          font-size: 10vh;
          color: white;
          text-shadow:2px 2px black;
            }
            .bar{position: absolute;
                left:0%;
                top: 85%;
                width:100%;
                height:15%;
                background-color: #ffffcc;
              	z-index: 15;
            }
            .opening{
               position: fixed;
                left:0%;
                top: 30%;
                width:100%;
                height: 73%;
                overflow-y: hidden;
                
                
            }
            .opening2{
               position: fixed;
                left:0%;
                top: 30%;
                width:100%;
                height: 73%;
                overflow-y: hidden;
                display: none;
                
            }
          
             .bar{position: absolute;
                left:0%;
                top: 85%;
                width:100%;
                height:15%;
                background-color: #ffffcc;
              	z-index: 2;
            }
            .boxbar{position: absolute;
                left:0%;
                top: 95%;
                width:100%;
                height:5%;
                background-color: #ffffcc;
              	z-index: 2;
            }
       
            .about{position:fixed;
                 left:0%;
                top: 30%;
                width:100%;
                height: 85%;
                z-index: 11;
                background-color: #9966ff;
                
            }
            .aboutwords{
               position:absolute;
                 left:5%;
                top: 10%;
                width:30%;
                height: 90%; 
                font-family: font1;
          font-size: 3.5vh;
          color: white;
            }
            .aboutpic{
               position:absolute;
                 left:45%;
                top: 5%;
                width:40%;
                height: 60%; 
            }
            .mollypic{
               position:absolute;
                 left:77%;
                top: 47%;
                width:15%;
                height: 30%; 
            }
            .henna{position:fixed;
                 left:0%;
                top: 30%;
                width:100%;
                height: 100%;
                z-index: 9;
                background-color: #9966ff;
               
            
            }
            .henawords{
               position:absolute;
                 left:30%;
                top: 5%;
                width:40%;
                height: 62%; 
                font-family: font1;
          font-size: 3.5vh;
          text-align: justify;
          color: white;
          overflow-y: auto;
            }
            .hp1{position:absolute;
                 left:3%;
                top: 7%;
                width:25%;
                height: 50%;
                
            }
            .hp2{position:absolute;
                 left:71%;
                top: 35%;
                width:25%;
                height: 50%;
                
            }
            .hp3{position:absolute;
                 left:7%;
                top: 3%;
                width:20%;
                height: 60%;
                
            }
            .hp4{position:absolute;
                 left:73%;
                top: 18%;
                width:25%;
                height: 50%;
                
            }
            .galery{position:fixed;
                 left:0%;
                top: 30%;
                width:100%;
                height: 85%;
                z-index: 7;
                background-color: #9966ff;
                
                
           }
           .Gwords{position: absolute;
           left:5%;
                top: 2%;
                width:25%;
                height: 25%;
                z-index: 2;
           font-family: font2;
          font-size: 20vh;
          text-align: left;
          color: white;
           }
           .GMpic{position: absolute;
                top: 5%;
                width:25%;
                height: 75%;
                z-index: 2;
           }
               .Gwords{position: absolute;
           left:5%;
                top: 2%;
                width:25%;
                height: 25%;
                z-index: 4;
           font-family: font2;
          font-size: 20vh;
          text-align: left;
          color: white;
          text-shadow: 2px 2px black;
          
               }
               .Glabel{position: absolute;
                top: 65%;
                width:25%;
                height: 25%;
                z-index: 4;
           font-family: font2;
          font-size: 10vh;
          text-align: center;
          color: white;
          text-shadow: 2px 2px black;
          
           }
           .lback{position: absolute;
                  top: 63%;
                width:28%;
                height: 20%;
                z-index: 3;
                opacity: .5;
           } 
        
           
          .wndw{ display: block;
            position: fixed;
            top:0%;
            left: 0%;
            width: 100%;
            height: 100%; 
}
div.back {  
  display: block;
  position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;  
  z-index: 0;
  background: lightslategray;
}
div.ovlay{
 display: none;
 position: fixed;
    top:20%;
    left:20%;
    width: 63vw;
    height: 34vw;
    z-index: 15; 
    background: slategray;
}
div.ovlay2{position:fixed;
    left:0%;
    top: 30%;
    width:100%;
    height: 85%;
    z-index: 15;
    background-color: #9966ff;
    display: none;            
                
           }
iframe{
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;   
}
.nums{
  position: absolute;
                left:51%;
                top: 21%;
                width:50%;
                height:11%;
                z-index: 0;
                font-family: font1;
          font-size: 10vh;
          color: white;
          text-shadow:2px 2px black;  
}
.clndr{position:fixed;
        left:0%;
        top: 30%;
        width:100%;
        height: 85%;
        z-index: 5;
        background-color: #9966ff;
                
            }
.ctitle{position: absolute;
           left:5%;
                top: 2%;
                width:80%;
                height: 25%;
                
           font-family: font2;
          font-size: 15vh;
          text-align: left;
          color: white;
           }
 .cdates{ position:absolute;
                 left:10%;
                top:22%;
                width:80%;
                height: 65%; 
                font-family: font1;
          font-size: 3.5vh;
          text-align: justify;
          color: white;
          overflow-y: auto;
 } 
 .care{position:fixed;
                 left:0%;
                top: 30%;
                width:100%;
                height: 100%;
                z-index: 3;
                background-color: #9966ff;
                
            
            }
    div.capt2{

        left:0%;
        width: 98%;
        
        border: 2px solid #ffffcc;
        border-radius: 1em;
        background-color: #ffffcc;
}
div.capt2 td{
    text-align: center;
    font-weight: normal;
    margin:5px;
    text-align: center;
    color: black;
    font-family:  font1;
    font-size: 5vh;
    
} 

.editbt{
    position:absolute;
     left:85%;
        top:1%;
        width:15%;
        height: 5%; 
        z-index: 2;
        font-family: font2;
          font-size: 6vh;
          text-align: left;
          color: white;
          text-shadow:2px 2px black;
          
}
.contact{position:fixed;
                 left:0%;
                top: 30%;
                width:100%;
                height: 85%;
                z-index: 1;
                background-color: #9966ff;
                
                
           }
 
 .cntct{ position: absolute;
         left:5%;
        top:1%;
        width:55%;
        height: 80%; 
 }
 .stryC{position:absolute;
     left:60%;
        top:25%;
        width:35%;
        height: 100%; 
        
        font-family: font1;
          font-size: 5vh;
          text-align: center;
          color: white;
        text-shadow:2px 2px black;

          
  }