/* BEGINNING OF FONT INCLUSION */
@font-face {
    font-family: 'LoveLetter'; /*a name to be used later*/
    src: local('LoveLetter'),  /*URL to font*/
        url('../fonts/LoveLetterWeb.ttf#font') format('truetype');
}
@font-face {
    font-family: 'liquidcrystal'; /*a name to be used later*/
    src: local('liquidcrystal'),  /*URL to font*/
        url('../fonts/LiquidCrystal-Normal.ttf#font') format('truetype');
}
@font-face {
    font-family: 'chintzy'; /*a name to be used later*/
    src: local('chintzy'),  /*URL to font*/
        url('../fonts/chintzy.ttf#font') format('truetype');
}
/* END OF FONT INCLUSION */

/* Start of Universal identifier */
*{
    -webkit-font-smoothing: antialiased;
    margin:0; 
    padding:0; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
/* End of Universal identifier */

/* Start of CUSTOM SCROLLBAR */
::-webkit-scrollbar {width: 12px;}
/* Track */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,255,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,255,0,0.4);}
/* END OF CUSTOM SCROLLBAR */

/* Start of contents CSS */
body{
    position:relative;
    background-color:black;
    padding-right:10%;
    padding-left:10%;
    padding-top:2%;
    padding-bottom: 2%;
    /* CUSTOM CURSOR CODE */
    cursor: url("../cur/Lain_Normal.png"), default;}

/* Start of Admin page css */
input{ border:solid 1px #00FF00;font-family:LoveLetter;color:#00FF00;background-color:black;padding:5px; }
textarea:focus, input:focus{box-shadow: 0px 0px 50px 10px #00FF00;}

.numpad{display:flex;}
.phonepad{flex-wrap: nowrap;}
.fapper{margin-left:auto;margin-right:auto;}
.frow{display:flex;}
.fbutt{
    flex-grow: 1;
    margin:3px;
    width:50px;
    height:50px;
    background-color:#00FF00;
    color:black;
    border: outset 7px #00FF00;}
.fbutt:active{border-style:inset;}

.lock{
    animation: spin 5s linear;
    animation-iteration-count: infinite;
    -webkit-animation: spin 5s linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: spin 5s linear;
    -moz-animation-iteration-count: infinite;}

@-webkit-keyframes spin {
    0% { transform: rotateY(0deg); /* Standard syntax */ }
    100% { transform: rotateY(360deg); /* Standard syntax */ } }
    
@-moz-keyframes spin {
    0% { transform: rotateY(0deg); /* Standard syntax */ 
        -moz-transform: rotateY(0deg);}
    100% { transform: rotateY(360deg); /* Standard syntax */ 
        -moz-transform: rotateY(360deg);}
}

#address{pointer-events:none; margin:3px;}

a{text-decoration:none;}
/* End of Admin page css */

.resetblink{height:100%;width:100%;text-decoration:none;color:red;border-style:outset;border-width:5px;border-color:red;padding:5px;text-align: center; 
    background-color:black;
    cursor:url("../cur/Lain_Help.png"), help;
        animation: blink 0.5s alternate infinite;
        -webkit-animation: blink 0.5s alternate infinite;
        -moz-animation: blink 0.5s alternate infinite;}
  @-webkit-keyframes blink {
    0% { background-color:red;}
    100% {background-color:black;}
  }
  @-moz-keyframes blink {
    0% { background-color:red;}
    100% {background-color:black;}
  }

/* TAB STYLING START */
.tabs{
    position: absolute;
    right: -50px;
    z-index: 1;
    margin-top: 25px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
}
.taba{
    position:absolute;
    right:0px;
    background-color:black;
    color:#00FF00;
    box-sizing: border-box;
    font-family:LoveLetter;
    border-style:outset;
    border-color:#00FF00;
    border-width:5px;
    border-bottom-width:0px;
    height:30px;
    width:75px;
    text-align:center;
    padding-top:5px;}
.maintab{position:relative;}
.admintab{position:absolute;margin-left:0px;left:85px;top:0px;}

.tab-content{
    position:relative;
    height:100%;
    background-color:#00CC00;
    border-style:outset;
    border-width:5px;
    margin:0px;
    padding-left:2%;
    padding-right:2%;
    border-color:#00FF00;}
/* TAB STYLING END */

/* Start of primary content css*/
.contact{
    position:relative;
    font-family:LoveLetter;
    display:inline;
    line-height:30px; 
    color:#00FF00; 
    margin-left:0px;}
#glider{display:inline;float:right;margin-left:0px;margin-right:0%;margin-top:-10px;max-width:35px; max-height:35px;}

h1 {font-family:liquidcrystal;text-align:center;color:#00FF00;background-color:black;
    border-style:inset; border-width:5px;margin-top:1%;margin-bottom:0%;padding:10px;border-color:#00FF00;}

.main{
    background-color:black;
    color:#00FF00;
    border-style:inset;
    border-width:5px;
    margin-top:0%;
    margin-bottom:1%;
    border-color:#00FF00;
    padding-left:2%;
    padding-right:2%;}

#linkcontainer{
    margin:0px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:black;
    border-style:inset;
    border-color:#00FF00;
    border-width:5px;
    padding:2px;
    display: flex;}
.linkrow{text-decoration:none;display: flex;}

.layerlink{
    font-family:'LoveLetter';
    text-decoration:none;
    color:black;
    background-color:#00FF00;
    text-align:center;
    border-style:solid;
    border-color:#00FF00;
    overflow:hidden;
    
    padding:2px;
    margin:1px;
    min-width:10px;
    flex: 1 1;
    align-items: center;
    
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
}
.layerlink:hover {border-style:solid; border-color:#00FF00; background-color:black; color:#00FF00; cursor: url("../cur/Lain_Link.png"), default;}

.layerlink0{
    font-family:'LoveLetter';
    text-decoration:none;
    color:#00FF00;
    background-color:black;
    text-align:center;
    border-style:solid;
    border-color:black;
    overflow:hidden;
    
    padding:2px;
    margin:1px;
    min-width:10px;
    flex: 1 1;
    align-items: center;
    
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
}
.layerlink0:hover {border-style:solid;border-color:black; background-color:black; color:#00FF00; cursor: url("../cur/Lain_Link.png"), pointer;}

.prvw{
    font-family:'LoveLetter';
    text-decoration:none;
    color:black;
    background-color:#00FF00;
    text-align:center;
    border-style:solid;
    border-color:#00FF00;
    overflow:hidden;
    
    width:7em;
    margin:1px;
    padding:2px;
    min-width:10px;
    display: flex;
    align-items: center;
    
        -moz-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;}
.prvw:hover{ border-style:solid;border-color:#00FF00;background-color:black;color:#00FF00;cursor:url("../cur/Lain_Link.png"), pointer;}
/* End of primary content css*/

@media screen and (max-width: 1400px) {
    .layerlink{padding:2px;font-size:0.8em;} 
    .layerlink0{padding:2px;font-size:0.8em;} 
    .prvw{padding:2px;font-size:0.8em;} 
}
@media screen and (max-width: 1000px) {
    .layerlink{padding:2px;font-size:0.6em;} 
    .layerlink0{padding:2px;font-size:0.6em;} 
    .prvw{padding:2px;font-size:0.6em;} 
}
@media screen and (max-width: 800px) {
    .layerlink{padding:2px;font-size:0.4em;} 
    .layerlink0{padding:2px;font-size:0.4em;} 
    .prvw{padding:2px;font-size:0.4em;} 
}