@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
:root{
    --primary-color:#1d5888;
    --secondary-color:#F7941D;
    --dark-color:#292929;
    --white-color:#e7e7e7;
}

body{
    color:var(--dark-color)
}
nav{
    background-color: var(--dark-color);
}
footer{

      background-color: var(--dark-color);
}
h1.h2.h3,h4,h5,h6{
    color: var(--primary-color);
}
footer{
    padding-right: 1rem;
}
.social{
    color: var(--white-color);
    opacity: 0.75;
    transition: all 0.7s;
}
 .social:hover {
    color: var(--secondary-color);
    opacity: .9;
}
.bsicon{
    color: purple;
}
.jsicon{
    color: rgb(226,211,4);
}
.html5icon{
    color: orangered;
}
.cssicon{
    color: rgb(11,82,214);
}

.checklist >li i{
    color: var(--secondary-color);
}

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

main>.container {
                padding: 60px 15px 0;
                margin-bottom: 5rem;
            }

            .sticky-nav {
                position: fixed;
                left: 0;
                bottom: 0;
                width: 100%;
            }