#lahat{
width:100%;
background-color:black;
}

#nav{
width:100%;
background-color:white;
float:left;
position:relative;
margin-left:0%;
margin-right:-1%;
position:absolute;
z-index:1;
}

body{
margin:0;
}

#sci,#tec,#bra,#tom,#abo{
width:20.5%;
border:2px solid #00CC00;
background-color:white;
float:left;
color:#269926;
font-size:126%;
font-family:consolas;
padding-bottom:.3%;
margin-right:-1%;
z-index:1;
}

#bra{
border-bottom:3px solid white;
}

#sci p,#tec p,#bra p,#tom p,#abo p{
margin-left:10%;
margin-top:6%;
}

#loobbra{
width:10%;
padding-bottom:2%;
margin-top:-6%;
margin-left:11%;
background-color:#00CC00;
margin-bottom:4%;
}

#loobsci,#loobtec,#loobtom,#loobabo{
width:10%;
padding-bottom:2%;
margin-top:-6%;
margin-left:11%;
background-color:#ffffff;
border:1px solid #00CC00;
margin-bottom:3.5%;
z-index:1;
}

#sci:hover,#tec:hover,#tom:hover,#abo:hover{
background-color:#67E667;
color:white;
cursor:pointer;
transition: 1s;
z-index:1;
}

#navbaba{
margin-top:5%;
width:100%;
height:10%;
border-bottom:2px solid #00CC00;
background-color:white;
position:absolute;
z-index:1;
}

#bold{
text-decoration:underline;
}

#navbaba p{
float:left;
margin-left:5%;
margin-top:1%;
font-family:Agency Fb;
color:#00CC00;
font-size:190%;
}

#content{
width:100%;

}

#titlet{
margin-top:10%;
width:100%;
background-color:red;
position:fixed;
height:40%;
z-index:0;
}

#titlet img{
margin-top:-25%;
position:relative;
width:100%;
z-index:0;
overflow:hidden;
}

#title1{
margin-top:0%;
position:absolute;
width:100%;
height:40%;
font-family:Agency Fb;
font-size:1000%;
color:white;
}

#content1{
margin-top:29%;
width:100%;
position:absolute;
height:40%;
background-color:white;
float:left;
}

#content1 h1{
font-family:Agency Fb;
color:#00CC00;
margin-left:1%;
}

#content1 p{
font-family:Agency Fb;
color:#65EC3B;
margin-left:1%;
font-size:150%;
}

#content2{
margin-top:48%;
width:100%;
position:absolute;
height:40%;
float:left;
}

#loob1{
margin-top:2%;
position:absolute;
width:.5%;
height:11%;
background-color:#00CC00;
}


#content2 h1{
font-family:Agency Fb;
color:#fff;
margin-left:1%;
}

#loob2{
margin-top:2%;
position:absolute;
width:.5%;
height:11%;
background-color:#fff;
}

#content2 p{
font-family:Agency Fb;
color:#fff;
margin-left:1%;
font-size:150%;
}

#content3{
margin-top:67%;
width:100%;
position:absolute;
height:40%;
background-color:white;
float:left;
}

#content3 h1{
font-family:Agency Fb;
color:#00CC00;
margin-left:1%;
}

#content3 p{
font-family:Agency Fb;
color:#00CC00;
margin-left:1%;
font-size:150%;
}

#loob3{
margin-top:2%;
position:absolute;
width:.5%;
height:11%;
background-color:#00CC00;
}

#content4{
margin-top:86%;
width:100%;
position:absolute;
height:40%;
float:left;
}

#content4 h1{
font-family:Agency Fb;
color:#fff;
margin-left:1%;
}

#loob4{
margin-top:2%;
position:absolute;
width:.5%;
height:11%;
background-color:#fff;
}

#content4 p{
font-family:Agency Fb;
color:#fff;
margin-left:1%;
font-size:150%;
}

#content5{
margin-top:105.5%;
width:100%;
position:absolute;
height:40%;
background-color:white;
float:left;
}

#content5 h1{
font-family:Agency Fb;
color:#00CC00;
margin-left:1%;
}

#loob5{
margin-top:2%;
position:absolute;
width:.5%;
height:11%;
background-color:#00CC00;
}

#content5 p{
font-family:Agency Fb;
color:#00CC00;
margin-left:1%;
font-size:150%;
}

#tit{
color:#aefda4;
}

#law{
text-decoration:underline;
}

#theo:hover{
text-decoration:underline;
color:#aefda4;
transition:1s;
cursor:pointer;
}