/*
#############
    font
############
*/
@font-face {
    font-family: 'Roboto';
    src: url(font/roboto-Black.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

body{
    font-family:'Roboto';
    background-color: black;
}

img{
    width: 30%;
}
/* 
###############
    header
###############
*/

header{
    background-image: url("../img/Bugatti-Face-View.jpg");
    background-position: 0px 600px;
    text-align: center;
    height: 30vh;
    width: 90%;
    margin-left: 5%;
    margin-top: 2%;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 10px;
}

header img{
    float: left;
    background-color: black;
    width:150px;
    border: 1px solid grey;
    border-radius: 10px;
}

header nav{
    position: relative;
    top: 27vh;
}

header nav a{
    color: grey;
    border: 1px solid grey; 
    text-decoration: none;
    padding: 5px;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 1.5em;    
}
/* 
###############
    Main
###############
*/


/* 
###############
   Footer
###############
*/


a:hover{
     text-shadow: 2px 2px 4px black;
     font-weight: bold;
}