body {
    margin: 0px;
    padding: 0px;
    background: linear-gradient(to bottom, #e6ffff, #ffffff);
    animation: fadeIn 2s;
}

/*Optional background colors depending on what the owner selects in the website control panel*/

.pastelPurp {
    background: #e6e6ff;
}

.silver {
    background: #d8d8d8;
}

.sand {
    background: #FFD9B3;
}

.skyBlue {
    background: #e6ffff;
}

.pearl {
    background: #eae0c8;
}

/*Optional heading and link colors depending on what the owner selects in the website control panel*/

.black {
    color: #000000;
}

.laserLemon {
    color: #ffff66;
}

.waterBlue {
    color: #4287f5;
}

.burntRed {
    color: #ff3300;
}

.brightSeafoam {
    color: #2bdf85;
}

/*Optional fonts depending on what the owner selects in the website control panel*/

.Mansalva {
    font-family: 'Mansalva', cursive;
}

.Chilanka {
    font-family: 'Chilanka', cursive;
}

.indieFlower {
    font-family: 'Indie Flower', cursive;
}

.Lobster {
    font-family: 'Lobster', cursive;
}

.Arvo {
    font-family: 'Arvo', serif;
}

.Pacifico {
    font-family: 'Pacifico', cursive;
}

.Gayathri {
    font-family: 'Gayathri', sans-serif;
}

.Barlow {
    font-family: 'Barlow', sans-serif;
}

.Acme {
    font-family: 'Acme', sans-serif;
}

.Courgette {
    font-family: 'Courgette', cursive;
}

/* END OPTIONAL AREAS */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

a {
    text-decoration: none;
    margin: 1vh 1vw 1vh 1vw;
}

#phone_num, #email_add {
    font-size: calc(8px + 2vw);
    transition: font-size 0.5s;
}

#phone_num:hover, #email_add:hover {
    font-size: calc(16px + 2vw);
}

main {
    width: 100%;
}

header {
    /*background-image: url("images/home-2409041_1280.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
    height: 75vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

#website_header_text {
    position: relative;
    text-align: center;
    margin: auto;
    font-size: calc(16px + 3vw);
    z-index: 2;
    background: white;
    padding: 1.5vw;
}

video {
    position: absolute;
    width: 100%;
    z-index: -1;
}

div {
    margin: 2vh 0 2vh 0;
}

#contact_area {
    display: block;
}

.contacts {
    font-size: calc(8px + 2vw);
    margin: 1vh 1vw 1vh 1vw;
}

p, a, label, h3, li, input {
    font-size: calc(8px + 1vw);
}

#topSecTag, #midSecTag, #thirdSectionTag {
    font-size: calc(16px + 1.25vw);
}

#topSection, #middleSection, #thirdSection {
    border-style: solid;
    border-width: 1px;
    box-shadow: 3px 3px 5px gray;
    width: 65vw;
    margin: 0 auto;
    margin-bottom: 2vh;
    padding: 2vw;
}

#profile_pic_area {
    width: 10%;
}

.profile_pic {
    width: 100%;
    float: left;
    padding-right: 2vw;
}

.inline {
    display: inline;
}

.center {
    text-align: center;
}

li {
    list-style: none;
}

#parallaxImageOne {
    background-image: url("uploads/middleParallax.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
    width: 100%;
}

#parallaxImageTwo {
    background-image: url("uploads/lastParallax.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
    width: 100%;
}

#lower_section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
}

/*schedule Styling ***********************/

#scheduleArea {
    width: 64%;
    align-self: center;
    overflow-x: scroll;
}

table {
    margin: auto;
    text-align: center;
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    font-size: calc(6px + 0.75vw);
    border: 1px solid black;
}

.weeksEdgeSaturday {
    border-style: solid dashed solid solid;
    border-width: 1px 2px 1px 1px;
}

.weeksEdgeMonday {
    border-style: solid solid solid dashed;
    border-width: 1px 1px 1px 2px;
}

.booked {
    background-color: #ffcc66;
}

.open {
    background-color: #99ff99;
}

/*end schedule styling*******************/

#request_app_area {
    width: 34%;
    text-align: center;
    overflow: hidden;
}

footer {
   background: #595959;
}

#account_form {
    text-align: center;
    padding: 2vh 0 0 0;
}

#account_form > label {
    color: white;
}