*{
    margin: 0;
    padding: 0;
    scrollbar-color: #ecc9c7 #f2ebd8; /*for funsies*/
}
.dark-scroll {
    scrollbar-color: #335654 #182C2B !important; /*for funsies*/
}

body, html {
    height: 100%;
}

body {
    /*background-color: #d1eda1;*/
    overflow-x: hidden;
    width: 100vw;
    min-height: 100vh;
}

#page-container {
    /*color: #CA6D68;*/
    /*background-color: #284A48;*/
    /*background: linear-gradient(to bottom, #182C2B 30%, #CA6D68);*/
    background: linear-gradient(to bottom, #f2ebd8 30%, #CA6D68);
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /*makes sure page is atleast the height of the browser, regardless of content*/
}
.page-container-dark {
    /*color: #182C2B !important;
    background: linear-gradient(to bottom, #CA6D68 30%, #F1C1BD) !important;*/
    /*color: #F1C1BD !important;*/
    background: linear-gradient(to bottom, #182C2B 30%, #CA6D68) !important;
}

#intromsg {
    height: 84vh;
    /*background: #f8e5bb;*/
    /*background-color: #284A48;*/
    box-sizing: border-box;
    text-align: start;
    align-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.0rem;
    color: #CA6D68;
    /*position: relative;
    left: 25px;*/
    padding: 25px 25px;
}
.calc {
    background-image: linear-gradient(60deg, #8403fc, pink);
    background-clip: text;
    color: transparent;
    display: inline-block;
    
    }
.intromsg-dark {
    color: #F1C1BD !important;
}
#intromsgpartb {
    height: 100vh;
    /*background: #f8e5bb;*/
    /*background-color: #F1C1BD;*/
    box-sizing: border-box;
    text-align: start;
    align-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.0rem;
    color: #f2ebd8;
    /*position: relative;
    left: 25px;*/
    padding: 25px 25px;
}
.intromsgpartb-dark {
    color: #F1C1BD !important;
}
#plan {
    height: 91vh;
    /*background: #f8e5bb;*/
    /*background-color: #F1C1BD;*/
    box-sizing: border-box;
    text-align: start;
    align-content: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.0rem;
    color: #CA6D68;
    /*position: relative;
    left: 25px;*/
    padding: 25px 25px;
}
.plan-dark {
    color: #F1C1BD !important;
}

#side-bar {
    min-height: 88vh;
    position:fixed;
    float:left;
    width: 28vw;
    /*background: #F1C1BD;*/
    border-right-style: solid;
    border-color: #F1C1BD;
    /*background-color: #284A48;*/
    color: #CA6D68;
}

.side-bar-dark {
    color: #F1C1BD !important;
    border-color: #CA6D68 !important;
}

#content {
    float: right;
    width: 72vw;
    /*color: #CA6D68;*/
    color: #182C2B;
}

.content-dark {
    color: #f2ebd8 !important; /*old color: #F1C1BD*/
}

.child {
    /*min-height: 84vh;*/
    box-sizing: border-box;
    text-align: start;
    align-content: top;
    font-family: "Poppins", sans-serif;
    padding: 1.4vw;
}
.side-bar-heading {
    font-size: 5vh;
    padding-top: 2vh;
    padding-bottom: 3vh;
}
.side-bar-topics {
    font-size: 3.5vh;
    padding-bottom: 1.5vh;
}
#header {
    height: 12vh;
    align-content: center;
    /*background-color: #182C2B;*/
    /*background-color: #f2ebd8; now */
    width: 100vw;
    position: fixed;
    background: transparent;
    backdrop-filter: blur(5px);
    display:flex;
    justify-content: center;
    align-items: center;
    z-index: 1;/*makes sure that header appears above all other content*/
}

/*.header-dark {
    background-color: #CA6D68 !important;
    background-color: #182C2B !important;
}*/

.menu {
    margin: 0;
    padding: 0;
    padding-left: 30vw;
    padding-right: 20vw;
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    justify-content: center; /*justify-content & align-items to center text in header & footer*/
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3vh;
    /*background: #f2ebd8;*/
}

.button {
    width: 10vw;
}

a {
    /*color: #F1C1BD;*/
    color: #CA6D68;
    text-decoration: none;
}

.dark-mode-a {
    /*color: #182C2B;*/
    color: #F1C1BD;
}
/*a.style:link, a.style:visited {
    color: #F1C1BD; 
}*/ /*previos color: #fcfdfc*/
a.style:hover {
    /*color: #CA6D68;*/ /*#b1cf86*/
    color: #F1C1BD;

}
.dark-mode-a.style:hover {
    /*color: #1f4644;*/
    color: #CA6D68;
}
a.style:active {
    color: #DFDADE; /*#6d8a47*/
}
.dark-mode-a.style:active {
    color: #1b201e;
}


#content-wrap {
    padding-top: 12vh; /*Header height*/
    padding-bottom: 9vh;     /*Footer height*/
    min-height: 88vh;
}

/*.parent {
    min-height: 84vh;
}*/
#footer {
    text-align: center;
    /*background-color: #284A48;*/
    align-content: center;
    /*background-color: rgb(255 253 208);*/
    font-family: 'Shadows Into Light';
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 9vh;            /* Footer height */
    color: #f2ebd8;
    /*padding-left: auto;
    padding-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;*/
}
.footer-calc {
    padding-left: 14vw;
}
.footer-dark {
    color: #f2ebd8 !important;
}

.end {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /*justify-content & align-items to center text in header & footer*/
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3vh;
    /*background: #f2ebd8;*/
}