body{
    background-image: linear-gradient(to right, #737478, #767f6c  , #403b40);
}

.title-1 {
font-size: 5.5rem;
letter-spacing: 3px;
font-weight: bold;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', 'sans-serif' ;
}

.color-general{
    color: white;
}


#my-progress{
    width: 400px; 
    margin-left: auto;
    margin-right:auto;
}


@media (max-width: 992px) {
    .title-1 {
        font-size: 5rem;
        }
}


@media (max-width: 767.98px) {
    .title-1 {
        font-size: 4rem;
        }
}

@media (max-width: 575.98px) { 
    .title-1 {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }

    #my-progress{
        width: 200px; 
    }
 }