:root{
     --primary-color:#1d5888;
     --secondary-color:#ff993b;
     --dark-color:#292929;
     --white-color:#e7e7e7;
}

.odd{
    font-weight: 100;
}

.even{
    font-weight: bold;
    font-size: large;
}
body{
    color:var(--dark-color);
}
nav{
    background-color: var(--dark-color);
}
footer{
    background-color: var(--dark-color);
    padding-right: 1rem;
}

h1,h2,h3,h4,h5,h6{
    color:var(--primary-color);
}

footer .social>a{
    color:var(--white-color);
    opacity: 0.75;
}
footer .social>a:hover{
   opacity: 0.90;
   color:var(--secondary-color);
}

main>.container {
    padding: 60px 15px 0;
}

.bsicon{
color:#563d7c;
}
.jsicon{
color:#F0DB4F;
}

.htmlicon{
    color:#e34c26
}

.cssicon{
    color: #264de4;
}

code[class*="language-"],
        pre[class*="language-"] {
            white-space: pre-wrap;
            word-break: break-all;
            word-wrap: break-word;
        }

.footer-logo{
    width: 150px;
    position: absolute;
    top:10px;
}



/* @media only screen and (max-width: 600px) {
    .footer-logo{
        visibility: hidden;
    }

} */