body {
background-image : url(images/head.jpg);background-color:#0B0B0B;
background-repeat : no-repeat;
background-position : top left;
}
.picture {
float : left;
margin : 2px;
}
.content {
width : 800px;border-radius : 40px;
background-color:#030303;
margin-left : auto;
margin-top : 620px;
margin-left : 30px;
font-size : 17px;
color : #DCDDDD;
font-weight : normal;
text-transform : none;
font-family : 'Gabriela', serif;
letter-spacing : 1px;
text-align : justify;
line-height : 23px;
opacity:0.7;padding:35px;
}
h1 {
letter-spacing : 4px;
font-size : 28px;
color : #345F76;
text-align : center;
margin : 0;
font-weight : normal;
font-family : 'Gabriela', cursive;
text-align : justify;
border-radius : 40px;
text-transform : uppercase;
opacity : 0.6;
}
#navi {
position : absolute;
width : 400px;border-radius : 40px;
left : 920px;
top : 540px;
z-index : 2;
opacity:0.7;
background-image : linear-gradient(365B60, #000000);
}
a.navi {
color : #ffffff;
letter-spacing : 3px;
font : bold 18px 'Gabriela', sans-serif;
background-repeat : repeat;
line-height : 15px;
padding : 15px;
display : block;
border : 0;
text-align : left;
text-transform : uppercase;
text-decoration : none;
text-shadow : none;
width : 290px;
margin : 10px;
background-image : linear-gradient(#2A4C59, #000000);
}
a.navi:link {
color : #ffffff;
letter-spacing : 3px;
font : bold 18px 'Gabriela', sans-serif;
background-repeat : repeat;
line-height : 15px;
padding : 15px;
display : block;
border : 0;
text-align : left;
text-transform : uppercase;
text-decoration : none;
text-shadow : none;
width : 290px;
background-image : linear-gradient(#2A4C59, #000000);
}
a.navi:hover {
color : #ffffff;
letter-spacing : 3px;
font : bold 18px 'Gabriela', sans-serif;
background-repeat : repeat;
line-height : 15px;
padding : 15px;
display : block;
border : 0;
text-align : left;
text-transform : uppercase;
text-decoration : none;
text-shadow : none;
width : 340px;
margin : 10px;
background-image : linear-gradient(#000000, #2A4C59);
}
#navigation i {
font-family : 'FontAwesome';
font-style : normal;
color : inherit;
font-size : inherit;
}
#footer {
clear : both;
text-align : center;
}
a:link {
color : #376B78;
text-decoration : none;
font-size : 17px;
letter-spacing : 1px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.8;
}
a:visited {
color : #376B78;
text-decoration : none;
font-size : 17px;
letter-spacing : 1px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.8;
}
a:hover {
transition : 0.9s ease-out;
color : #ffffff;
cursor : pointer;
font-size : 17px;
letter-spacing : 1px;
font-family : 'Abel', cursive;
text-decoration : none;
border-bottom : 0;
opacity : 0.7;
transition : 0.5s;
opacity : 0.7;
}
b {
color : #3F687A;
text-decoration : none;
font-size : 19px;
letter-spacing : 2px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.8;
}

em {
color : #3F687A;
text-decoration : none;
font-size : 19px;
letter-spacing : 2px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.8;
}

strong {
color : #3F687A;
text-decoration : none;
font-size : 19px;
letter-spacing : 2px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.8;
}


i {
color : #3F687A;
text-decoration : none;
font-size : 19px;
letter-spacing : 2px;
font-family : 'Abel', cursive;
font-weight : 500;
text-transform : uppercase;
padding-top : 3px;
padding-bottom : 3px;
padding-left : 6px;
padding-right : 6px;
opacity : 0.6;
}
blockquote {
background-color : #000000;
background-repeat : repeat;
padding : 9px;
text-align : justify;
color : #DDD8D6;
font-style : italic;
border-radius : 40px;
}
.contentx input, textarea, select {
background-color : #000000;
border : #3F687A dashed 2px;
padding : 4px;
color : #3F687A;
border-radius : 40px;
opacity : 0.6;
}