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

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;
}


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

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

/* .footer-logo{
    position: absolute;
    height: 5rem;

} */

.Fizz{
color:darkgreen;
}
.Buzz{
color: darkblue;
}
.FizzBuzz{
color: red;
font-weight: bold;
}