/* Body {{{1*/
:root {
 --title-font-color: #ff8888;
}
#em a:hover {
 color: #E8BF02 !important;
 text-decoration: underline !important;
}
html{
 background-color: #000000;
 color: #DDDDDD;
 font-family: sans-serif;
 height: 100%;
 overflow-x: hidden;
}
body {
 margin: 0 0 0 8px;
 padding: 0 8px 0 0;
 font-size: 2vw;
 height: 100%;
 overflow-x: hidden;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center top;
}
/* Titles {{{1*/
h1, h2, h3, h4, h5 {
 text-align: center;
 font-family: 'Comic sans MS', 'CSMS', 'Verdana', sans-serif;
 color: #ff8888;
 color: var(--title-font-color, #ff8888);
}
h1, h2 {
 padding-bottom: 1em;
 -webkit-text-shadow: 0.1em 0.1em 0.2em rgba(202,166,2, 0.7);
 text-shadow: 0.1em 0.1em 0.2em rgba(202,166,2, 0.7);
}
h1, title {
 font-size: 2.5em;
}
h2 {
 font-size: 2em;
}
h3 {
 font-size: 1.75em;
}
h4 {
 font-size: 1.5em;
}
h5 {
 font-size: 1.25em;
}
/* Links {{{1*/
a:link { color: #e8bf02; }
a:visited { color: #705c01; }
a:hover { color: #fffe00 }
/* Formatting {{{1*/
.center {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.right {
 font-style: italic;
 text-align: right;
 margin-right: 1em;
}
p {
 text-indent: 2rem;
}
.ffthumb2 {
 margin-top: auto;
 margin-bottom: auto;
 height: 60%;
 padding: 2rem;
}
/* lastupdated {{{1*/
/* All that needs: <hr id="lastupdated"><div id="lastupdated"> Last Update: .</div> */
hr.lastupdated {
 position: fixed;
 margin-left: 20%;
 padding: 0;
 width: 60%;
 bottom: 0.5rem !important;
 color: #ff8888;
 color: var(--title-font-color, #ff8888);
}
div#lastupdated {
 font-family: sans-serif;
 position: fixed;
 margin: auto;
 width: 99%;
 font-size: 50% !important;
 text-align: center;
 bottom: 0;
 padding: 0;
 color: #ff8888;
 color: var(--title-font-color, #ff8888);
 background-color: #000;
}
/* Langs {{{1*/
div.langflag {
 position: fixed;
 width: 16px;
 height: 11px;
 top: 10px;
 right: 10px;
 z-index: 5000;
}
div.langflag span a img {
 vertical-align: top;
}
.por1 { display: inline-block }
.eng1 { display: none }

/* Fonts {{{1*/
@font-face {
 font-family: 'CSMS';
 font-style: normal;
 src: local('CSMS'), local('CSMS'), url('CoSa.ttf') format('truetype');
}
/* Phones {{{1*/
@media only screen and (hover: none) and (pointer: coarse) {
 body { padding-left: 8px; padding-right: 8px; font-size: 1em; }
 .ddsmoothmenu-v ul li a:hover{ background: #333; }
 h1 {font-size: 1.6em;}
 h2 {font-size: 1.4em;}
 h3 {font-size: 1.3em;}
 h4 {font-size: 1.1em;}
 h5 {font-size: 1em;}
}