@charset "utf-8";

/* TEMA CLARO */
.clear { background-color: rgb(250 250 250); color: rgb(20 20 20);}
.clear a { color: rgb(20 20 20);}
.clear a:link { text-decoration: none; color: rgb(20 20 20);}
.clear a:visited { color: rgb(20 20 20);}
.clear a:hover { color: rgb(20 20 20);}
.clear a:active { color: rgb(20 20 20);}
.clear input { color: rgb(20 20 20);}
.clear select { color: rgb(20 20 20);}
.clear textarea { color: rgb(20 20 20);}
.clear button { color: rgb(20 20 20);}
.clear textarea::placeholder { color: rgb(90 90 90 / 90%);}
.clear input::placeholder { color: rgb(90 90 90 / 90%);}
.clear input[type="submit"] { color: rgb(250 250 250);}

/* TEMA ESCURO */
.dark { background-color: rgb(14 23 30); color: rgb(204 204 204);}
.dark a { color: rgb(204 204 204);}
.dark a:hover { color: rgb(55 171 200);}
.dark input { color: rgb(204 204 204);}
.dark select { color: rgb(204 204 204);}
.dark select option { background-color: rgb(11 17 21);}
.dark textarea { color: rgb(204 204 204);}
.dark button { color: rgb(204 204 204);}
.dark textarea::placeholder { color: rgb(150 150 150);}
.dark input::placeholder { color: rgb(150 150 150);}
.dark input[type="submit"] { color: rgb(250 250 250);}

/* CONTIDO */
.contido { float: left; width: 100%;}

.contido.clear .esquerda { background-color: rgb(11 17 21);}
.contido.dark .esquerda { background-color: rgb(11 17 21);}

.contido.dark .loader { background-color: rgb(90 90 90 / 50%);}
.contido.clear .loader { background-color: rgb(250 250 250 / 50%);}

.contido.dark .carregando { background-color: rgb(90 90 90 / 50%);}
.contido.clear .carregando { background-color: rgb(250 250 250 / 50%);}