/* Switzer Font */
@import url('/public/css/switzer.css');

/* Mona Sans Font */
@font-face {
    font-family: 'Mona Sans';
    src:
      url('../fonts/Mona-Sans.woff2') format('woff2 supports variations'),
      url('../fonts/Mona-Sans.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}

@layer theme {
    :root {
        --font-sans: 'Mona Sans', sans-serif;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Switzer', sans-serif;
}
h1 {
    font-size: 1.5rem;
}

.subtitle {
    font-size: 5rem;
    font-weight: 700;
    font-family: 'Switzer', sans-serif;
}





section, nav, .container {
    max-width: 1200px;
    margin: 0 auto;
}
.logo-nav {
    transition: all 0.3s ease-in-out;
}
.logo-nav:hover {
    rotate: -3deg;
    transition: all 0.3s ease-in-out;
    transform: scale(1.08);
}



.logo-text {
    font-size: 1.5rem;
    font-weight: 700;
}
.nav-link {
    font-family: 'Mona Sans', sans-serif;
    font-weight: 500;
}
.btn {
    padding: 0.8rem 1.6rem;
    border: none;
    border-radius: 2rem;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.btn:hover {
    transform: scale(1.05);
}

.btn-text {
    font-size: 1.2rem;
}



/* Corp de page principal */
.hero {
    width: 100%;

    background-image: url('/public/images/welcome-banner.jpg');
    
}
/*
.hero-illustration:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}
*/