/* 
html - родительский 
em - наследуется от родительского размера и уменьшается с каждой вложенностью и он чувствителен к шрифту
rem - только от родительского
 */

/* html {
    font-size: 30px;
}

ul {
    list-style: none;
}
li {
    font-size: 0.5rem;
} */

html {
    font-size: 30px;
}

p {
    font-size: 2em;
}
div {
    width: 300px;
    height: 300px;
    margin: 4rem;
    font-size: 0.5rem;
}
#red {
    background-color: red;
}

#green {
    background-color: green;
}

#yellow {
    background-color: yellow;
}

#grey {
    background-color: grey;
}