body { margin: 0 auto;
    background: url(../assets/jpg/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2, h3{font-family: sans-serif; font-weight: 800; color:white; font-size: 1.8em;text-align: center;}
h2{font-size: 1.2em;font-weight: 100;font-style:italic;}
h3{font-size: 1.2em;font-weight: 900;}

a, a:hover {color: white; text-decoration: none;}
a:hover {text-decoration: underline;}

#shortcut{
    width: 200px;
    height: 200px;
    float: right;
}

#text{padding: 50px 0 50px 0;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.19);}

#wrapper{
width: 900px;
height: 180px;
left: 50%;
top: 30%;
margin: -90px 0 0 -450px;
position: absolute;


    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#lijntje{
    height: 1px;
    width: 800px;
    margin-left: 50px;
    background-color: #fff;
}