@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

body {
    background-color: #000;
    font-family: "Google Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "GRAD" 0;
}

h1 {
    font-weight: 800;
}

h2 {
    font-weight: 600;
}

h3 {
    font-weight: 500;
}

p {
    font-weight: 400;
}

.orange {
    color: #dbad1a;
}

.purple {
    color: #fe3cbf;
}

/*
 * NAV
 */

/*
 * HEADER
 */

.logo {
    animation: flotter 4s ease-in-out infinite;
}

@keyframes flotter {
    0% {transform: translateY(0);}
    50% {transform: translateY(-20px);}
    100% {transform: translateY(0);}
}

/*
 * COMPETENCES
 */

.competences {
    
}

/*
 * CLIENTS
 */

.clients {
    
}

/*
 * MODAL
 */

.modal {
    
}

/*
 * FOOTER
 */

footer a {
    color: #fe3cbf;
    text-decoration: none;
}

.svg {
    filter: invert(100%);
}