@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');

html {
    scroll-padding-top: 6rem;
}

body {
    background-image: url(/ressources/img/back.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: white;
    font-family: 'Comic Neue', cursive;
}

/* --- Navbar Styles --- */
.navbar {
    font-size: 1.4375rem;
}

.logo-img {
    height: 45px;
    width: auto;
}

/* --- Text Styles --- */
.text-content {
    font-size: 1.5625rem;
    color: black;
}

.chrtext {
    font-size: 1.875rem;
    color: black;
}

.titletext {
    font-size: 2.5rem;
    color: black;
    margin-bottom: 2rem;
}

/* --- Image Styles --- */
.section-image {
    max-width: 85%;
    height: auto;
    margin-bottom: 2rem;
}

.character-image {
    width: auto;
    height: 500px;
    max-height: 50%;
    margin-bottom: 2rem;
}

/* --- Warning Styles --- */
.warning-section {
    padding: 2rem;
    border-radius: 8px;
    margin-top: 3rem;
    color: black;
}

.warning-section a {
    color: black;
    text-decoration: underline;
}

.warning-section a:hover {
    color: grey;
}