body{
    display: flex;
    justify-content: center;
    margin: 0;
    color: white;
    background-color: #11071F;
    font-family: "Inter", sans-serif;
}


.container{
    max-width: 1200px;
}

.nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav div a{

    font-size: 20px;
}

a{
    text-decoration: none;
    color: white;
}




@media (max-width: 1024px) {
    .container{
        padding: 10px
    }
}






* {box-sizing: border-box;}


.col-1 { grid-column: span 1; }
.col-2 { grid-column: span 2; }
.col-3 { grid-column: span 3; }
.col-4 { grid-column: span 4; }
.col-5 { grid-column: span 5; }
.col-6 { grid-column: span 6; }
.col-7 { grid-column: span 7; }
.col-8 { grid-column: span 8; }
.col-9 { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }