body
{
background-color: #01c2a7;
}
h1, h2, h3, h4, h5, h6, ul, li
{
font-family: verdana;
color: #006699;
}
p 
{
color: #006699;
font-family: verdana;
font-size: 20px;
text-align: justify;
}
img
{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
max-width:100%;
height:auto;
}
#data 
{
color: #006699;
font-family: verdana;
font-size: 10px;
text-align: right;
}
.center
{
text-align: center;
margin: auto;
width: 60%;
}
.main 
{
width:90vw;
margin:auto;
padding: 2vw;
font-family: verdana;
font-size: 1vw;
text-align: justify;
background-color:#01c2a7;
}
.dropdown
{
position: relative;
display: inline-block; 
justify-content: space-evenly;
}
.dropbtn
{
background-color: #01c2a7;
color: #006699;
padding: 8px;
font-family: verdana;
font-size: 15px;
border: none;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropbtn a
{
color: #006699;
text-decoration: none;
display: block;
}
.dropbtn a:hover
{
background-color: #01fedc;
}
.dropdown-content
{
display: none;
position: absolute;
background-color: #01c2a7;
color: #006699;
font-family: verdana;
font-size: 15px;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropup-content
{
bottom: 33px;
display: none;
position: absolute;
background-color: #01c2a7;
color: #006699;
font-family: verdana;
font-size: 15px;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a
{
color: #006699;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropup-content a
{
color: #006699;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover
{
background-color:#01fedc;
}
.dropup-content a:hover
{
background-color:#01fedc;
}
.dropdown:hover .dropdown-content
{
display:block;
}
.dropdown:hover .dropup-content
{
display:block;
}
.dropdown:hover .dropbtn
{
background-color:#01fedc;
}
div.fixed
{
position: fixed;
top: 0px;
left: 0px;
width:100%;
overflow: auto;
white-space: nowrap;
}
div.fixed_bottom
{
position: fixed;
bottom: 0px;
left: 0px;
width:100%;
overflow: auto;
white-space: nowrap;
}
.w3-container
{
padding:0.01em;
}
.w3-container:after,.w3-container:before
{
content:"";
display:table;
clear:both;
}
.w3-teal
{
color:#fff!important;
background-color:#009688!important;
}
.cont /*classe de conteúdo de texto lido do db*/
{
padding: 10px 100px 10px 100px;
}
.grid-container
{
display: grid;
grid-template-columns: auto auto auto;
}
div.gallery
{
border: 1px solid #009688;
float: none;
margin-top: auto;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
}
div.gallery:hover
{
border: 1px solid #006699;
}
div.gallery img
{
max-width: 100%;
height: auto;
}
.desc p
{
text-align: center;
font-size: 50px;
height: 76px;
margin: 0px 0px 0px 0px;
}
.desc a
{
text-decoration: none;
}
.desc a:hover
{
text-decoration: none;
text-shadow: -6px -2px 8px #33334d;
}
.badge
{
font-size: 10px;
background-color: red;
color: white;
margin-left: 10px;
padding: 4px 8px;
text-align: center;
border-radius: 5px;
}
span.badge a
{
color: white;
text-decoration: none;
}