*, *::before, *::after {
    box-sizing: border-box;
}

/* ---------- main body ----------*/
body {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100vw;
    height: 120vh;
    justify-content: center;
    align-items: center;
}

/* ---------- main container ----------*/
/* #prime-container {
    background-color: #e7e7e7;
    border-radius: 25px;
    padding: 0;
    max-width: 80% auto;
    padding-bottom: 75px;
    display: flex;
    justify-content: center;
    align-items: center;    
} */

/* ---------- header ----------*/
#container-time-planner {
    background-color: rgb(7, 0, 55);
    color: #8bc6f2;
    border-radius: 25px;
    padding: 15px;
    padding-left: 42px;
    padding-right: 42px;
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

#day-planner {
    background-color: rgb(7, 0, 55);
    color: #8bc6f2;
}
#time-display {
    background-color: rgb(7, 0, 55);
    color: #8bc6f2;
}

/* ---------- targets all containers ----------*/
.container {
    padding: 5px;
    background-color: rgb(7, 0, 55);
}

/* ---------- targets individual containers (start) ----------*/
#container-9am {
    padding-top: 20px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
#container-10am {
}
#container-11am {
}
#container-12pm {
}
#container-1pm {
}
#container-2pm {
}
#container-3pm {
}
#container-4pm {
}
#container-5pm {
    padding-bottom: 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
/* ---------- targets individual containers (end) ----------*/


/* ---------- targets all time text (9am, 10am, etc...) ----------*/
.time-row {
    width: 100px;
    padding-top: 20px;
    text-align: center;
    color: #8bc6f2;
}

/* ---------- targets all textareas ----------*/
.textbox {
    width: 70%;
    font-size: 20px;
    color: black;
    /* background-color: #c5c5c5; */
    background-color: #c50000;
}


/* ---------- save buttons ----------*/
.button {
    width: 100px;
    padding-top: 12px;
    text-align: center;
    font-size: 26px;
    color: white;
    background-color: #3a6585;
}