body {
        background-color: #f7f3d7;
    }

/* text styling */
    body {
        font-family: "Gaegu", sans-serif;
        color: #000000;
    }

    h1 {
        font-family: "Shrikhand", serif;
        font-size: 100px;
        margin-left: 25px;
    }

    h2 {
        font-size: 40px;
        font-weight: bold;
        text-decoration: underline wavy 3px;
    }

    h4 {
        font-size: 35px;
    }

    h5 {
        font-size: 35px;
    }

    p {
        font-size: 25px;
    }

    a {
        text-decoration: none;
        color: #000000;
    }

    a:hover {
        font-weight: bold;
    }

/* images and blocks */
    .pic, .block {
        width: 100%;
        height:auto;
        /* filter: drop-shadow(2px 2px 5px #000000); */
    }

    .pic {
        filter: drop-shadow(2px 2px 5px #000000);
    }

    .logo {
        width: 100%;
        height:auto;
    }

    .logo:hover {
        filter: brightness(96%);
        transform: translateY(-4px);
    }

    .block {
        background-color: #FFFEF4;
        padding: 20px;
        border-radius: 4px;
    }

/* dropdowns */
    .dropdown-menu {
        background-color: #ffffff;
        border-radius: 0px;
    }

    .dropdown-item {
        font-family: "Gaegu", sans-serif;
        font-size: 35px;
        color: #000000;
    }

    .dropdown-item:hover,
    .dropdown-item:hover {
        font-weight: bold;
        background-color: #ffffff;
    }

/* specific bits */
    #homeBanner {
        background-repeat: none;
        background-image: url("https://i.postimg.cc/0yGmDN5F/collage.jpg");
        color: #E06A91;
        -webkit-text-stroke: 3px #b03a8d;
    }

    #notepad {
        height:300px;
        background-color: #E06A91;
    }

    #day, #month, #colon {
        background-color: #FFFEF4;
        width: 90%;
        padding: 10%;
        border-radius: 1px;
    }

    #calendar {
        height:100px;
        background-color: #E06A91;
    }

/* misc */
    .row {
        padding-bottom: 24px;
    }