body {
    background-color: #baf3f3 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23380785' fill-opacity='0.54' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
}

.navbar {
    background-color: aquamarine !important;
}

.navbar-brand {
    font-weight: bold;
    color: #006060 !important;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 
                 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff !important;
}

.navbar-nav .nav-link {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    color: #006060 !important;
    text-decoration: none;
}

.navbar-nav .nav-link:hover {
    background-color: rgb(27, 212, 151);
    transition: 1s;
}

#menu-header h1 {
    color: #70f8f8;
    text-align: center;
    font-size: 40px;
    -webkit-text-stroke: 1px rgb(0, 0, 0);
    text-shadow: 3px 2px rgb(66, 66, 66);
}

main {
    font-size: 20px;
}

.code-display {
    overflow-x: auto;
}

.code-container {
    position: relative;
    max-width: 100%;
    overflow: auto;
    border-radius: 5px;
}

.sol-container {
    font-family: 'Merriweather', serif;
}
    
.container-fluid {
    overflow: auto;
}

.fs-custom { 
    font-size: 15px; 
}

@media (min-width: 576px) {
    .fs-custom { 
        font-size: 19px; 
    }
}

.novel-context p {
    text-indent: 2em;
}