body{
    background-color: rgb(233, 72, 72);
    padding-top: 6%;
    margin-right: 0px;
}
#mainNavbar {
    font-size: 1.5rem;
    font-weight: 100;
    margin-right: 0px;
}
#mainNavbar .nav-link {
    color: rgb(252, 252, 252);
}
#mainNavbar .nav-link:hover {
    color:  rgb(247, 247, 247);
}
#mainNavbar .navbar-brand {
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-weight: 600;
}
#headingGroup h1 {
    background-color: rgb(3, 3, 252, 0.10);
    border-radius: 15px;
}
@media (max-width: 1200px) {
    #headingGroup h1 {
        font-weight: 100;
        font-size: 3rem;
    }
}
h1{
    text-align: center;
    color: rgb(0, 0, 0);
}
hr{
    color: orange;
    size: 3em;
}
button{
    background: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    border: 2px solid;
    padding: 1em 2em;
    font-size: 1em;
    transition: all 0.5s;
    border-radius: 20%;
}
button:hover {
    border-color: rgb(10, 10, 10);
    color: white;
    box-shadow: 0 0.5em 0.5em -0.4em yellow;
    transform: translateY(-0.25em);
    cursor: pointer;
}