html, body {
height:100%;
font-family: 'Signika Negative', sans-serif;
font-size: 25px;
}
html {
background: url(../public/i1.jpg) fixed;
background-size: 100%;
}
div {
overflow: hidden;
}
a {
color: #322bff;
text-decoration: none;
transition: 500ms;
}
a:hover {
color: #26a1ff;
}
p {
padding: 0 5%;
}
img {
box-shadow: 0px 0px 4px #000;
}
#header {
background: rgba(255, 255, 255, .5);
padding: 1%;
overflow: hidden;
height: 55px;
}
#header img {
float: left;
box-shadow: none;
}
#header ul {
list-style: none;
float: left;
padding-left: 10px;
margin-top: 15px;
}
#header ul li {
float: left;
margin-left: 10px;
font-size: 20px;
}
.fullscreen {
height: 95%;
position: relative;
background: url(../public/i2.jpg);
background-size: cover;
z-index: 999;
}
.fullscreen .header {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
color: #fff;
text-shadow: 0px 0px 2px #000;
}
.white {
background: #eeeeec;
padding: 0 5%;
line-height: 60px;
}
.nobg {
background: none;
padding: 0 5%;
color: #fff;
text-shadow: 0px 0px 4px #000;
}
.semitrans {
background: rgba(255, 255, 255, .5);
padding: 0 5%;
line-height: 60px;
}
.dark {
color: #eeeeec;
background: #010105;
padding: 0 5%;
}
.nopadding {
padding: 0;
}
.floatleft {
float: left;
margin: 2%;
}
.floatright {
float: right;
margin:2%;
}
.more {
text-align: center;
font-size: 17px;
}
.more a {
color: #aaa;
text-decoration: none;
cursor: pointer;
}
.more a:hover {
color: #777;
}