@charset "UTF-8";

/*
    em HTML é id = em CSS é # (só pode um elemento) 
    EM HTML é class = em CSS é . (pode em vários elementos) 
*/

body {
    background-color: rgb(205, 255, 203);
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    color: rgb(4, 109, 0);
}

h1#principal {
    text-align: center;
    background-color: rgb(4, 109, 0);
    color: white;

}

h2 {
    color: rgb(51, 77, 49);
}

.basico {
    color: green;
    font-weight: bold;
}

.intermediario {
    color: yellow;
}

.avancado {
    color: red;
}

.destaque {
    background-color: yellow;
}