@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

.corpo{
    padding: 16px;
    background-color: rgb(37, 37, 37);
    font-family: Roboto;
}

.btn_home{
    border-radius: 7px;
}
.btn_home:hover{
    opacity: 0.6;
    background-color: rgb(33, 31, 31);
 
}

.dinamica{
    border-radius: 8px;
    margin-top: 20px;
    padding-top: 32px;
    margin-left: 7%;
    background-color: rgb(239, 239, 239);

}
 .objetos{
    display:flex;
} 
.titulo{
  /*  background-color: rgb(15, 32, 71); */
    font-weight: 700;
    font-size:x-large;
    color: rgb(38, 38, 38);
    text-shadow: 1px 1px rgb(251, 251, 246);
}

.obj{
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border:3px solid rgb(42, 42, 42); 
    background-color: rgb(239, 239, 239);
    color: rgb(0, 0, 0);
    border-radius: 4px;
    align-self: center;
}
.obj:hover{
    background-color:rgb(220, 220, 220);
}

.food{
    display: inline;
    text-align: center;
    font-size:medium;
    color: white;

}
.textoprofe{
    color: rgb(0, 0, 0);
    text-align: justify;
    font-style: oblique;
    font-size: large;
    font-weight: 100;

}

.fotoprofe{
    text-align: center;
    max-height: 500px;
    border:3px solid rgb(9, 4, 75);

}
.texthome{
    text-decoration: none;
    color:rgb(179, 49, 49)
}
.otexto{
    font-weight: 120;
}
.otexto ol li{
    margin-bottom: 5px;
}

.textar{
    min-height: 150px;
    max-height: 151px;
}
.coment_one{
    border-radius: 6px;
    margin: 4px;
    background: #3c3d3d;
    color:white;
}
.head_coment_one{
    margin:4px;
    background: #5b5c5c;
}
.text_coment_one{
    background: #666666;
}

.comentarr{
    background-color: rgb(234, 235, 223);
    color: rgb(20, 6, 61);
    border: 2px solid rgb(39, 39, 59);
    border-radius: 8px;
}
.respcoment{
    text-align: -webkit-right; 
    color:rgb(38, 73, 38);
    background-color: rgb(215, 226, 231);
    border: 2px solid rgb(39, 39, 59);
    border-radius: 8px;
}

.boxform{
    border: 6px double rgb(70, 3, 14);
    border-radius: 4px;
    background-color: white;
    color:black;
    font-family:Verdana, Geneva, Tahoma, sans-serif;

}
.msg_error{
    font-size: x-large;
    text-align: center;

}

.fluxo{
    background-color: rgb(50, 50, 50);
    border: 3px ridge rgb(32, 80, 87);
    border-radius: 8px;
    color: black;
    box-shadow: 3px 5px rgb(47, 109, 89);   
    font-family: Arial, Helvetica, sans-serif;
}

.btnsfluxo{
    align-self: center;
}

#msg_fluxo{
    background-color:white;
    border-radius: 6px;
    box-shadow:2px 2px 6px 4px gray;
    font-size: larger;
    text-align: justify;
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding-top: 8px;
    padding-bottom: 8px;
}
body > div > div:nth-child(1) > div > div.row{
    text-align-last: center;
    align-items: center;
}

.botones{
    box-shadow: 2px 2px rgb(255, 253, 253);
    color: rgb(5, 71, 40);
    font-size: large;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    box-shadow: 1px 1px gray;
}
#btn-01, #btn-02, #btn-03{
    font-size: large;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    box-shadow: 1px 1px gray;
}
#btn-fluxo-01:hover{
    background : linear-gradient(to right,#2e8c46 0% 15%, #145625 15% 90%);
}
#btn-fluxo-02:hover{
    background : linear-gradient(to left,#2e718c 0% 15%, #133f51 15% 90%);
}
#btn-fluxo-03:hover{
    background : linear-gradient(to top,#9e4045 0% 10%, #5c1b1e 30% 90%);
}

.video{
    min-height:fit-content;
    height:300px;
}

.fotos{
    margin-top: 60px;
    background: white;
    border:2px solid rgb(55, 50, 122);
    box-shadow: 2px 2px gray;
    max-height: 260px;
    text-align: center;
}
.foto_credit{
    margin-top: 8px;
    margin-bottom: 8px;
    max-width: -webkit-fill-available;
}
.col_direita{
    text-align: justify;
    margin-top:5vw;
}

.comentario{
    background: #133f51;
}