div.notebox{
    display:flex;
    flex-direction:column;
    justify-content: flex-start;;
    align-items:flex-start;
    margin-left:5%;
    margin-top:1vh;
    width:95%;
    padding:1vw;
    height:98%;
    /*border:1px solid green;*/
    /*border-radius:6px 6px 0 0;*/
    overflow:auto;

}

div.note{
    border:1px solid var(--div_border);
    padding:1vw;
    border-radius:.5em;
    margin-left:1%;
    width:60%;
    /*background-color:var(--note_bg);*/
    background-color:var(--note_bg);
}

div.firstnote{
    border:1px solid var(--div_border);
    box-shadow:8px 8px 8px blue;
    padding:1vw;
    border-radius:.5em;
    margin-left:1%;
    width:60%;
    background-color:var(--note_bg);

}

p.note{
    margin-left:50px;
    margin-right:50px;
    margin-top:4px;

}

h4{
    margin:0;
}


h4.heading{
    font-style:italic;
    color:red;
}

h4.next{
    margin-top:12px;
}

h4.dinner{
    margin-top:1vh;
    font-size:2vmin;
    color:blue;
}

p.collectornote{
    margin-top:1vh;
    font-size:2.5vmin;
    color:white;
    background:magenta;
    text-align: center;
    height:3.5vh;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

p.nonotes{
    font-family:arial, sans-serif;
    font-size:1.7vw;
    color:blue;
    text-align: center;;
    font-style: italic;
}