@font-face { 
font-family: 'Poppins', sans-serif;
src: url("font/refnex.ttf"); 
}
*{
    margin:0;
    padding:0;
}
html, body{
    height:100%;
}

body{
    background: url(bg4.png);
    font-family:Poppins-Bold;  
    background-position:center;

    background-size: cover;
}

.heading{
    width:600px;
    height:300px;
    margin:auto;
    position:absolute;
    top:0px; bottom:0px; right:0px; left:0px;
}
.title1{

    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    display: block;
    text-align: center;
    color:#ff6c00;
    font-family: 'Poppins', sans-serif;
}
.navbutton{
    display:block;
    width:100px;
    height:30px;
    border:0px solid black;

    font-family: 'Poppins', sans-serif;
    background-color:rgba(255,255,255,0);
    color:white;
    border-radius: 5px;

    z-index:3;
    top:-8px;
    font-family: "VERDANA"; 
    font-size: 38px;
    transition: background-color 700ms, color 700ms;
}
.navbutton:hover{
    background-color:rgba(255,255,255,0);
    color:#ff6c00;
    cursor:pointer;
    
    transition: background-color 1000ms, color 1000ms;
}
#nav {
    background-color: #2d3436;
    width: 700px;
    height: 30px;
    border:  1px solid #F36F38;
    float: left;
    position: absolute;
    top:25px;
    left:31.5%;
    box-shadow: 0px 1px 50px 2px black;
} 
.maincontent {
    background: rgba(45, 52, 54,0.80);
    width: 694px;
    height: 90%;
    border:  1px solid #F36F38;
    margin:  0 5px;
    padding: 5px;
    float: left;
    position: absolute;
    top:65px;
    left:31.1%;
    box-shadow: 0px 1px 50px 2px black;
} 
#footer {
/*      
    background-color: #353535;
    border:  1px solid black;
*/
    width: 100%;
    height: 25px;
    margin:  0 5px;
    padding: 5px;
    position: fixed;
    top:97%;
    left:-5px;
}

h1 {
  color:white;
}
h2 {
  color:white;
}
a:link {
  color: white;
}

a:visited {
  color: cyan;
}

a:hover {
  color: #ff6c00;
}

a:active {
  color: hotpink;
}