#container {
    overflow: scroll;
    overscroll-behavior-block: none;
    flex-direction: column;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#title,
#body,
#search-bar,
#notes-list {
    margin: 2.25dvh;
    margin-top: 0;
}

#back-button {
    color: #e1a605;
}

#title {
    font-family: "San Francisco Bold";
    font-size: 4dvh;
}

#body {
    font-size: 2dvh;
}

#notes-list {
    display: flex;
    flex-direction: column;

    background-color: white;

    border-radius: 1dvh;
}

#notes-list>a {
    padding: 1dvh;
    color: black;
    text-decoration: none;
}

#notes-list>a>p:first-child {
    margin-bottom: 1dvh;

    font-family: "San Francisco Bold";
    font-size: 2dvh;
}

#notes-list>a>p:last-child {
    color: #8e8e93;

    font-size: 1.8dvh;
}

#notes-list>a:not(:last-child) {
    border-bottom: .3dvh solid #f2f2f7;
}