body{margin:0;
    height: 180vh;}

header{height:100vh;
       background-image:url('../images/bgback.jpg');
       background-size:cover;
        background-attachment: fixed;}

nav{display: flex;
    align-items: center;
    justify-content: space-between;
    height:80px;
    background-color: purple;}

#logonav{width: 80px;
         margin-left:3%;}

#liensnav{display: flex;
         justify-content: space-around;
         width: 200px;
         margin-right: 3%;}

a{text-decoration: none;
    color:white;}       
    
h1{color:white;
   font-size:250px;
   font-family: "Archivo Black", sans-serif;
    margin:3%;}

h2{color:white;
margin-left:40px;
font-family: "Cascadia Mono", sans-serif;}

#heroheader{display: flex;
            flex-direction: column;
            justify-content: center;
            height: 90vh;}

button{background-color: crimson;
       margin:3%;
        height: 40px;
        width: 250px;
        color: white;
        border: none;
        font-size: 15px;
        cursor: pointer;}

        



