@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');

@import url("./styles/cabecalho.css");
@import url("./styles/main.css");
@import url("./styles/project.css");
@import url("./styles/footer.css");

:root {
    --cor-primaria: #F6F6F6;
    --cor-segundaria: #02416d;
    --cor-terciaria: #6aafbf;
    --cor-quaternário: #2c2828;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: url("../assets/img/cursor.png"), auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-image: linear-gradient(to left, #b3b4d5, #c2c2df, #cfcfcf);
}

@media screen and (max-width: 500px) {
    .cabecalho {
        text-align: center;
        margin: 0;
        padding: 0;
        gap: 0;
    }

    .cabecalho__menu {
        gap: 2px;
    }

    .cabecalho__menu__link {
        flex-direction: row;
        gap: 0;
        padding: 0;
        margin: 0;
    }

    .link {
        display: none;
    }
}