* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --coluna: column;
    --centro: center;
    --preta: black; 
    --branca: white; 
    --preto1: #272A37;
}

header {
    display: flex;
    align-items: var(--centro);
    justify-content: var(--centro);
    background-color: var(--preta);
}

header img {
    width: 210px;
}

h1.textoInicial {
    font-size: 25pt;
    margin: .574rem;
    text-align: var(--centro);
    font-family: "Montserrat";
}

aside {
    float: left;
    width: 20rem;
    height: 86.3vh;
    text-align: center;
    color: white;
    font-weight: 700;
    font-family: "Montserrat";
    background-color: var(--preta);
}

aside .navTemasAulas {
    width: 100%;
    display: flex;
    height: 5.5rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    /* border: 2px solid #1D90F5; */
}

aside .navTemasAulas:hover {
    background-color: #272A37;
}

aside .navTemasAulas span {
    font-size: 13pt;
    font-weight: bolder;
}

section {
    float: right;
    width: 70rem;
    display: flex;
    align-items: var(--centro);
    flex-direction: var(--coluna);
    justify-content: var(--centro);
    background-color: var(--preta);
}

section #barraProgresso {
    color: white;
    font-size: 15pt;
    text-align: center;
    font-weight: bolder;
    font-family: "Montserrat";
}

section #barraProgresso progress {
    width: 60rem;
}

section #navVideo video {
    width: 60rem;
    border-radius: 2px;
    border: 2px solid white;
}

section .comentario {
    width: 60rem;
    border: none;
    display: flex;
    padding: .5rem;
    position: relative;
    justify-content: flex-start;
    background-color: #272A37;
}

section .comentario img {
    width: 45px;
    border: none;
    border-radius: 500px;
    border: 2px solid white
}

section .comentario textarea {
    height: 40px;
    resize: none;
    border: none;
    outline: none;
    color: white;
    border-radius: 5px;
    margin-left: .5rem;
    padding: .5rem 1rem;
    transition: all .3s ease;
    font-family: "Montserrat";
    background-color: #272A37;
    border: .5px solid #323644;
}

section .comentario textarea:hover, 
section .comentario textarea:focus {
    border: 1px solid #1D90F5;
    box-shadow: 0 0 0 0.3125rem #26344A;
}

section .comentario textarea::placeholder {
    color: white;
}