h1{
    text-align: center;
}

.navigation_panel{
    position: fixed;
    left: 0;
    top: 0;
    width: 10vw;
    height: 100vh;
    padding-top: 5%;
    z-index: 1;

    background: aqua;

    display: flex;
    flex-direction: column;
    justify-content: start;
}

.nav_form{
    position: relative;
    width: 100%;
    height: 5%;
    background-color: transparent;
}

.nav_button{
    position: relative;
    width: 100%;
    height: 100%;

    background-color: transparent;
    border: 2px solid white;
}

.center_container{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);

    width: 80vw;
    height: 100vh;
    min-height: fit-content;
    margin-left: 1%;
    padding: 1%;

    display: flex;
    flex-direction: column;
    justify-content: start;
    
    background-color: aliceblue;
}

.form_container{
    position: relative;
    width: 20%;
    height: 50%;
    min-height: fit-content;

    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 1.5%;
}

.author_list{
    position: relative;
    width: 25%;
    height: 50%;
    min-height: fit-content;

    padding: 1% 0% 1% 0%;

    display: flex;
    flex-direction: column;
}

.author_item{
    position: relative;
    width: 100%;
    height: 10%;
    min-height: fit-content;

    margin: 1%;
    display: flex;
    flex-direction: row;
    gap: 2.5%;

    font-size: larger;
}

.quote_list{
    position: relative;
    width: 50%;
    height: 50%;
    min-height: fit-content;

    padding: 1% 0% 1% 0%;

    display: flex;
    flex-direction: column;
}

.quote_item{
    position: relative;
    width: 100%;
    height: 10%;
    min-height: fit-content;

    margin: 1%;
    font-size: larger;
}