body{
    background-color: #404040;
    color:white;
    font-family: monospace;
    font-size:16px;
    line-height:1.6em;
    margin:0;  
    
}

.clr{
    clear:both;
}

.container{
    width:80%;
    margin:auto;
    overflow:hidden;
}

#mainHeader{
    background-color: orangered;
    color:#fff;
    text-decoration: underline;
    
    
}

.container{
    width:80%;
    margin:auto;
}

#navbar{
    background-color:black;
    color:white;

}

#navbar ul{
    padding:0;
    list-style: none;
}

#navbar li{
    display:inline;
}

#navbar a{
    color:#fff;
    text-decoration: none;
    font-size:18px;
    padding-right:15px;
}


#navbar a:hover{
    color:aqua;
}

#navbar a:active{
    color:purple;
}


.webPar h1{
    font: size 25px;
    color:aqua;
}

.webPar p{
    font-family: arial;
    font-size:20px;

}

#mainBlock{
    
    padding-right: 10px;
    font-family: arial;
}

#mainBlock p{
    float:left;
    width:70%;
    box-sizing: border-box;
}

#mainBlock h3{
    color:aqua;
}

#sidebar{
    float:right;
    width:30%;
    background-color: #333;
    color:#fff;
    
    border:3px orangered solid;
    border-radius: 15px;
    box-sizing: border-box;
}

#sidebar p{
    font-family: arial;
    text-align:center;
    
}

#sidebar a{
    color:aqua;
    text-decoration: none;
    font-family: arial;
}

#sidebar a{
    color:greenyellow;
}

#sidebar a:hover{
    color:aqua;
}

#sidebar a:active{
    color:purple;
}


.footer{
    position:fixed;
    bottom:0;
    background-color: black;
    width:100%;
    float:bottom;
    float:left;
    margin:0 auto; 
    clear:both;
}

.footer p{
    text-align:center;
}




.my-form .form-group{
    padding-bottom:15px;
}

.my-form label{
    display:block;
}

.my-form input[type="text"], .my-form textarea{
    padding:8px;
    width:30%;
}

.who{
    font-family: arial;
    padding:20px;
}

.who h1{
    font-family: arial;
    color:aqua;
}

.who p{
    font-family: arial;
    color: white;
    font-size: 16px;

}

.skills{
    padding:20px;
    font-family: arial; 
}

.skills h1{
    color: aqua;
}

.skills p{
    color: white;
}

.extra{
    font-family: arial;
    padding:20px;
    text-align: center;
    font-size: 20px;
}

.extra a{
    color:greenyellow;
}

.extra a:hover{
    color:aqua;
}

.extra a:active{
    color:purple;
}

.information{
    
    text-align: center;
    margin:auto;
    width:80%;
    color:greenyellow;
    border:3px orangered solid;
    border-radius: 15px;
    box-sizing: border-box;
    
}

.github{
    font-family: Arial, Helvetica, sans-serif;

}

.github h1{
    color:aqua;

}

.github p{
    color:white;

}

.github a{
    color:greenyellow;

}

.github a:hover{
    color:aqua;
}

.github a:active{
    color:purple;
}

footer{
    color:black;
}