@font-face{
    font-family: menu;
  src: url(../fonts/fs.otf) format(opentype);
}
@font-face{
    font-family: bannertext;
  src: url(../fonts/bk.otf) format(opentype);
}
@font-face{
    font-family: reading1;
  src: url(../fonts/king.ttf) format(truetype);
}@font-face{
    font-family: alert1;
  src: url(../fonts/ao.otf) format(opentype);
}
@font-face{
    font-family: title;
  src: url(../fonts/ts.otf) format(opentype);
}

body{
    width:100%;
background-color:#000000;
}



h1{
    position:relative;
    width:99%;
    padding-left:35%;
    height:205px;
    background-color:#00ffcc;
    
	color:white;
	font-size: 3.0rem;
	text-decoration:bold;
    font-family:bannertext,coolfont1;
    text-shadow: .2em .2em .2em  black;
    border:#ffb405;
    line-height:2.85rem;
    letter-spacing:1.35rem;
    padding-top:4%;
    
}

p{
    
    font-family:title;
    text-align: center;
    color:white;
    font-size:2.0rem;
    background: rgb(255,43,0);
    background: linear-gradient(0deg, rgba(255,43,0,1) 38%, rgba(246,201,56,1) 92%);
    width:90%;
    margin-right:10%;
}

.p1{
text-indent:30px;
line-height:38px;
padding-left:20px;
padding-right:15px;
}

.highlight{
color:yellow;
} 

nav{
    width:325px;
    position: absolute;
    top:75px;
    left:-1.5%;
    border-radius:7px;
    background-color:#ffffff;
    box-shadow: 7px 9px 12px #ffb405;
    font-family:menu;
    text-shadow: 5px 5px 12px #697689;
    text-align:center;
    text-indent:12px;
    letter-spacing:.1em;
    word-spacing: .1em;
}

nav ul{
position:relative;
list-style-type:none;
}

nav ul li a {
    display:flex;
    left:5px;
    align-items:center;
    font-size: 1.4rem;
    text-decoration:none;
    text-transform:capitalize;
    background:black;
    color:white;
    height:35px;
    transition: .5s ease;
    border-radius: 0 26px;
    margin-top:2px;
    z-index:2;
   
}
nav ul li a:hover{
background-color: rgba(0, 77, 59, 0.8); 
color:#fff;    
}

nav ul ul{
    position:absolute;
    left:275px;
    width:320px;
    top:1px;
    display:none;
    background: rgba(41, 41, 88, 0.9);
    border-radius:5px;
    box-shadow: 2px 6px 11px white;
    z-index:3;
}
nav ul span{
position:absolute;
right:25px;
font-size: 1.75rem;
}

nav ul .dropdown {
    position:relative;
    z-index:3;
}
nav ul .dropdown:hover > ul{
    display:initial;
    z-index:3;
}
nav ul .dropdown_two ul{
    position:absolute;
    left:242px;
    top:0px;
}
nav ul .dropdown_two:hover ul{
 display:initial;   
 z-index:4;
 box-shadow: 2px 6px 11px white;
}

.contenttable{
    text-align:center; 
    color:white;
    font-size:24 px;
    position:relative;
    height:50%;
   
}
.study{
    margin-top:-2%;
    margin-right:2%;
    width:99%;
    height:700px;
    background-color:#000000;
    font-family:reading1;
    font-size: 1.35rem;
    text-align:left;
    color:#FFFFFF;
    letter-spacing: 3px;
    line-height:2rem;
    overflow:hidden;
    overflow-y:scroll;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border: 3px outset #18f5d0;
    border-top: 8px outset red;
    
}

.gallery{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:15px 0;
}
.gallery img{
    flex-wrap:wrap;
    width:420;
    height:400px;
    margin:10px 0;
}

.vids{
margin-left:10%;   
   
}
.alert{
    color:#FFFFFF;
    font-family:alert1,coolfont1;
    font-size:5.7rem;
 
}

.quotes{
    text-indent:30px;
    line-height:38px;
    padding-left:20px;
    padding-right:15px;
    background-color:#D6CCA9;
    color:#024d40;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border: 3px outset #d0dbdb;
}
.quotesbold{
    color:#0a9478;
    font-weight:bold;
  background: #F8F8F8; 
	border: solid #454445 3px; 
	box-shadow: 11px 9px 20px rgba(24, 245, 208, 0.5)  ; 
	-webkit-box-shadow: 11px 9px 20px rgba(24, 245, 208, 0.5)  ; 
	-moz-box-shadow: 11px 9px 20px rgba(24, 245, 208, 0.5)  ; 
}