@charset "UTF-8";

body{
    background-color: #99DB94;
    font-family: Arial, Helvetica, sans-serif;
    margin: 3px;
    padding: 0;
}

main{
    background-color: white;
    width: 660px;
    padding: 10px;
    border-radius: 20px;
    margin: auto;
    box-shadow: 5px 5px 10px #4a6b488e;
}

h1{
    text-align: center;
    background-color: #4C6D4A;
    color: white;
    padding: 10px;
    border-radius: 10px;
}

h2{
    color: #344B33;
}

p{
    text-align: justify;
}

p#introducao{
    text-align: left;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.basico{
    color:#648F61;
}

.intermediario{
    color: #808f61;
}

.avancado{
    color: #8f6161;
}

.destaque{
    background-color: #b8b836a0;
    border-radius: 10px;
    padding: 10px;
}

@media screen and (max-width: 700px){
    main{
        margin: 0;
        border-radius: 0;
        width: 100%;
    }   

    body{
        margin:0;
        width: 95%;
    }

}