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

body{
    font-family: sans-serif;
}

header{
    background-color: black;
    color: rgb(255, 255, 255);
    display:flex;
}

.imagem-logo {
    width: 100px;
    height: 100px;
    margin: 0px;
    padding: 0px;
}

.lista1{
    font-size: 20px;
    display: inline-flex;
    margin: 30px 0 0 200px;  
}

.imagem-matII{
    width: 20%;
    height: 20%;
    margin: 0 0 0 1079px;
    border-radius: 30px;
}

.turma2B{
    background-image: linear-gradient(rgb(230, 9, 9), rgba(230, 9, 9, 0.466));
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.turma3A{
    background-image:linear-gradient(rgb(6, 153, 3), rgba(6, 153, 3, 0.562));
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.imagem-mat3A{
    width: 20%;
    height: 20%;
    margin: 0 0 0 1079px;
    border-radius: 70px;
}

.imagem-mat3B{
    width: 20%;
    height: 20%;
    margin: 0 0 0 1079px;
    border-radius: 40px;
}

.turma3B{
    background-image: linear-gradient(rgb(31, 3, 153), rgba(31, 3, 153, 0.507));
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.texto2B{
    margin: 30px 0 0 0;
}

.texto3A{
    margin: 30px 0 0 0; 
}

.texto3B{
    margin: 30px 0 0 0; 
}

.rodape{
    background-color: black;
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-align: right;
    padding: 10px;
}