@font-face {
    font-family: 'KanopsiBrazil-Regular';
    src: url(fonts/KanopiBrazil-Regular.otf);
}


@font-face {
    font-family: 'Nexa-Triak-RegularItalic';
    src: url(fonts/Nexa-Trial-RegularItalic.ttf);
}

body {
    margin: 0;
    background-color:  rgb(1, 6, 29);
}

a {
    text-decoration: none;
}
    
li {
    list-style: none;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: rgb(39, 39, 39);
    color: #fff;
}
    
.nav-links a {
    color: #fff;
}
    
.logo {
    font-size: 64px;
    font-family: 'Nexa-Triak-RegularItalic';
}
   

.menu { 
    display:none;
    position: absolute;
    background-color:rgb(39, 39, 39);;
    text-align: center;
    padding: 16px 0;
    right: 0;
    left: 0;
}

.menu li:hover {
    display: inline-block;
    background-color:#4c9e9e;
    transition: 0.3s ease;
}
    
.menu li {
    padding: 5px 14px;
    background-color: #4c9e9e;
    border-radius: 5px;
}

input[type=checkbox]:checked ~ .menu{
    display: block;
}

.hamburger {
    display: block;
}

.cgu{
    display: flex;
    background-color: rgb(39, 39, 39);
    border-radius: 15px;
    opacity: 85%;
    margin: 25px;
    margin-top: 50px;
    height: auto;
    width: auto;

}


h1{
    color: white;
    font-size: 3em;
    font-family: 'KanopsiBrazil-Regular';
    text-decoration: underline;
    
}

h2{
    color: white;
    font-size: 2em;
}

p{
    color: white;
    font-size: 1.15em;
    margin-left: 25px;
}

.conditons{
    margin: 15px;
    align-items: center;
}



@media (min-width: 1024px) {
    
    .menu {
        display: flex;
        flex-direction: column;
        gap: 1em;
        font-size: 18px;
        left: none;
        position: relative;
        }

    .menu li:hover {
        background-color: rgb(180, 180, 180);
        border-radius: 5px;
        transition: 0.3s ease;
    }

    input[type=checkbox]{
        display: none;
    } 
    
        
    .hamburger {
        display: none;
        font-size: 24px;
        user-select: none;
    }

}