@charset "UTF-8";

/*
    em HTML é id     =  em CSS é # (segundo regra w3c, id principal só pode ser usado apenas um elemento por documento/páginas HTML)
    em HTML é class  = em CSS é . (class pode ser usado de formas múltiplas, porém com identificação da função, ex: class: "verde" h2 curso básico, ao invés de colocar "verde" colocar a função da classe, ou seja, basico)
    em uma classe pode se usar um id e classe juntos, porém, o id se sobrepõe as configurações de class.
*/

body{
    background-color: #d6fde9;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    color: #1e402f;
}

h1#principal {
    text-align: center;
    background-color: #3c805e;
    color: white;
}

h2 {
    color: #3c805e;
}

.basico {
color: #3c805e;
}

.intermediario {
color: #80793c;
}

.avancado {
color: #803c3c;
}

.destaque {
    background-color: #c5c56070;
}