body {
    background-color: #cabbff;
    color: black;
    a {
        color: rgb(17 52 167)
    }
    a:hover {
        color: rgb(65 102 200)
    }
}

#navbar {
    background-color: #8c76da;
    border-bottom: 0.4vw solid #000000;
    box-shadow: 0 -10vw 0 10vw #8c76da, 0 0.1vw 0.5vw 0.5vw rgb(24 20 94 / 0.32);
}

#navbar a {
    color: #000000;
}

#navbar a:hover {
    background-color: #c7c0f2;
    color: black;
}

#navbar a.active {
    background-color: #88cdff;
    color: white;
}

.cardboard {
    box-shadow: 0 1vw 0 0 #825c4d, 0 1.25vw 0.5vw 0.5vw rgb(2 3 45 / 0.25);
}
.cardboard::before {
    background-color: #cea98a;
}
.cardboard .cardboard {
    box-shadow: 0 1vw 0 0 #825c4d, 0 1.25vw 1.5vw 1vw rgb(2 3 45 / 0.25);
}

h1 {
    color: rgb(6 0 29);
}

h2 {
    color: rgb(6 0 29);
}

p {
    color: rgb(6 0 29);
}