/* ===== , , ===== */
html {
height: 100%;
}
body {
background-color: #0c5bb7;
background-image: url('../images/right.png');
background-position: right;
background-repeat: repeat-y;
color: #c0ff3e;
font-size: 16px;
font-family: "Nexa-Heavy";
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #c0ff3e;
}
a:hover {
text-decoration: none;
color: #c0ff3e;
}
p {
margin: 0px 0px 3px 0px;
}
h2, h3 {
text-shadow: 4px 4px rgba(0, 0, 0, 0.4);
}
/* ========== Fonts ========== */
@font-face {
font-family: "Nexa-ExtraLight";
src: url("../fonts/Nexa-ExtraLight.ttf") format("truetype");
}
@font-face {
font-family: "Nexa-Heavy";
src: url("../fonts/Nexa-Heavy.ttf") format("truetype");
}
/* ========== Global ========== */
#header {
display: flex;
width: 100%;
height: 80px;
background-color: #3fb3fd;
border-bottom: 5px solid #bfff3c;
}
#logo-header {
display: block ruby;
padding-top: 10px;
margin-left: 1%;
}
#logo-header .logo {
}
.logo-img {
width: 120px;
}
#logo-header .title {
position: relative;
top: -25px;
font-size: 45px;
text-shadow: 3px 3px #004191;
}
#goto-login {
position: absolute;
right: 25px;
top: 25px;
text-shadow: 2px 2px #004191;
}
#menu-links {
padding-left: 145px;
margin-top: 5px;
text-align: center;
width: 100%;
display: inline-flex;
}
#menu-links .menu-link {
margin: 0px 2.5px;
padding: 5px 10px;
background-color: #3fb3fd;
border: 1px solid #c0ff3e;
box-shadow: 3px 3px #004191;
}
#menu-links .menu-link:hover {
background-color: #0958b4;
}
#global {
}
#int-global {
margin: 0 auto;
margin-top: 100px;
margin-bottom: 15px;
padding: 10px 15px;
max-width: 1200px;
/*min-width: 1040px;*/
/*width: 1250px;*/
}
#int-left {
float: left;
width: 68%;
}
#int-right {
float: left;
width: 30%;
margin-left: 5px;
padding-top: 5px;
}
#box-left {
width: 100%;
margin-bottom: 30px;
padding: 10px 15px;
color: #FFF;
text-shadow: 3px 3px rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #C0ff3e;
box-shadow: 4px 4px #054292;
}
#box-right {
width: 100%;
}
#footer {
width: 100%;
color: #FFF;
border-top: 2px solid #c0ff3e;
background-color: rgba(0, 0, 0, 0.4);
}
#footer .credits {
margin: 35px 0px 50px 35px;
font-size: 13px;
}
#footer .creative-commons-img {
width: 120px;
}