/*! sakrecoer sheet */
html,
body {
width: 100%;
height: 100%;
}
body {
line-height: 1.5em;
background-color: #fff;
overflow-x: hidden;
width: 100%;
margin: 0;
padding:0px;
font-size: 1em;
font-family: avant, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#333;
}
h1,
h2,
h3,
h4,
b,
strong {
font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1{
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
}
h2{
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
}
p{
line-height:1.5em;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
color: #333;
text-decoration: none;
-webkit-transition: border-bottom 0.2s linear;
-moz-transition: border-bottom 0.2s linear;
-ms-transition: border-bottom 0.2s linear;
-o-transition: border-bottom 0.2s linear;
transition: border-bottom 0.2s linear;
border-bottom: 3px solid rgb(84, 241, 210);
}
a:hover {
border-bottom: 3px solid #000;
}
a:active {
color: rgb(165, 202, 195);
}
/*
* blend4web
*/
#banner {
overflow: hidden;
display: flex;
width: 100%;
height: 100vh;
background: transparent;
div {
align-self: flex-end ;
flex: 1 1 auto;
margin-left:5px;
margin-right: 5px;
margin-bottom: 0;
padding: 0;
}
img {
position: relative;
margin-bottom: 0;
height: 10vh;
-moz-animation: fontmovement 5s linear infinite; /* Safari 4.0 - 8.0 */
-webkit-animation: fontmovement 5s linear infinite; /* Safari 4.0 - 8.0 */
animation: fontmovement 5s linear infinite;
}
.nodecoration {
border:none;
}
}
/*
* Layout
*/
#navigation {
position: relative;
height: 10%;
width: 100%;
}
#content {
width: 100%;
padding: 0;
display: flex;
flex-wrap: wrap;
overflow-x: hidden;
background-color: #fff;
}
.column {
flex: 1 1 300px;
margin-left:5px;
margin-right: 5px;
img {
float: left;
}
}
#footer {
width:100%;
height: 50px;
font-size: .6em;
padding: 0;
line-height: 1em;
display: flex;
flex-wrap: wrap;
/* background: linear-gradient(293deg, rgba(255, 0, 0, 0.25), rgba(0, 153, 255, 0.25)); */
}
.date {
flex: 0 0 100%;
margin-left: 5px;
}