/* css with preferred overrides*/
body {

    background-color: rgb(165, 100, 226);
}

h3, h2, h1  {

    font-family: 'Luckiest Guy', cursive;
    color: rgb(187, 209, 87);
    
}

p {

    font-family: 'Bangers', cursive;
    color: rgb(127, 255, 138);
    font-size: xx-large;
    padding-right: 10px;

}

#stats {
    margin-top: 10rem;
}

img {

    margin-top: 2rem;
    margin-left: 10rem;
}

.container-fluid {

    background-color: rgb(39, 37, 35);
    width: 100%;
    height: 700px;
    padding-right: 0;
}

.rounded-circle {

    display: block;
    
}



@media (max-width: 415px) {

    

        img {   
            width: 45%;
            height: 35%;
            margin-top: 200px;
        }
    
}

@media (max-width: 375px) {

    

    img {   
        width: 45%;
        height: 35%;
        margin-top: 200px;
    }

    .container-fluid {

        background-color: rgb(39, 37, 35);
        width: 100%;
        height: 800px;
        padding-right: 0;
    }

}