/*INTER*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*Bebas Neue*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

*{
    padding: 0;
    margin: 0;
}
p{
    font-family: Inter, serif;
    font-size: 16pt;
}
h1{
    font-family: "Bebas Neue";
    font-size: 50px;
    font-weight: bolder;
}
header{
    background-image: url("../afbeeldingen/maxverstappen.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    nav{
        background-color: #220c54d4;
        height: 20%;
        img{
            margin-top: 20px;
            width: 10%;
            float: left;
        }
        li{
            margin-top: 30px;
            
            padding-right: 50px;
            list-style: none;
            float:right;
        }
        a{
            text-decoration: none;
            color: white;
            font-size: 25px;
            font-family: Inter, serif;
            padding: 20px;
        }
        a:hover{
            font-weight: bold;
            background-color: white;
            color: #220c54d4;
            transition: 1s;
        }
        overflow: hidden;
    }
    section{
        margin: 15%;
        
        h1{
        font-size: 150px;
        text-align: center;
        color: white;
        font-family: "Bebas Neue";
    } 
    }
}
main{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    h1, p{
        padding-bottom: 20px;
    }
    section{
        padding-left: 20px;
        grid-column: 1/2;
        
    }
    figure{
        width: 50px;
    }
}