*{
    margin: 0px;
    padding: 0px;
}

h1{
    color: red;
    font-size: 36px;
}

body{
    background-color: rgb(194, 209, 212);
}

.card{
    margin-bottom: 12px;
}

@media only screen and (min-width:100px) and (max-width:700px) {

    h1{
        font-size: 35px;
    }

}



/*
*{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-decoration: none;
}

body{
    background-color: rgb(2, 26, 27);
}
h1{
    color: rgb(9, 5, 224);
}

.card{
    margin-bottom: 15px;
    box-shadow: 4px rgb(255, 0, 0);
    
   
}

@media only screen and (min-width:100px) and (max-width:700px) {

    h1{
        font-size: 12px;
        color: red;
    }
    

    
}