/*

-

~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~; 
;
;   - Copyright (c)2017 projects.bk.tl
;   - Copyright (c)2017
;   - @author	projects.bk.tl
;   - @author	   /
; 
~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~; 
; 
;   - Learning from the source code is fine,
;   - but copying is not allowed ... ^^
;   - coded by: projects.bk.tl
;   - helper: right now nobody...
;
~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;~;

-

*/

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
body
{
background-color: #fff;
color: #000;
text-decoration: none;
}

a
{
text-decoration: none;
}

#x
{
position: fixed;
right: 10px;
top: 95%;
}

hr
{
height: 10px;
border: 0;
box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


#titlebackground
{
background: black;
text-align: center;
width: 100%;
height: 25%;
left: 0px;
top: 0px;
font-size: 35px;
position: absolute;
color: #fff;
text-transform: uppercase;
}

#titlecontent
{
font-family: 'Fjalla One', sans-serif;
font-size: 50px;
margin-top: 4.5%;
color: white;
text-align: center;
width: 100%
position: absolute;
}

#contentbackground
{
top: 25%;
padding: 5%;
width: 90%;
height: 200%;
left: 0px;
position: absolute;
background: white;
}

#content
{
width: 90%
padding: 5%;
background: #fff;
top: 25%;
color: #000;
}

#finished
{
margin-top: 20%;
}

.new
{
margin-top: 1%;
}

.new:hover
{
filter: contrast(150%);
}

.newpicture
{
width: 100%;
height: 45%;
}