body {
    margin: 0px;
    flex-direction: column;
    align-items: center;
}

.front-page-div {
    display: flex;
}

.front-page-top-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 94vh;
    width: 80vw;
}

.front-page-bottom-div {
    height: 94vh;
}

.front-page-main-image {
    height: 94vh;
    width: auto;
    max-width: 60vw;
}

.front-page-welcome-title {
    margin-top: 16vh;
    font-family: sans-serif;
    color: rgb(10,100,240);
    padding: 0 22px;
}

.front-page-text {
    padding: 12px 22px;
    margin: 0px;
    font-style: italic;
}

.sign-in-seperate-div {
    padding: 32px 12px;
    width: 80%;
}

.sign-in-form-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.sign-in-form-input {
    margin: 12px;
    width: 60%;
    background: rgb(250,250,250);
    padding: 1px;
    border-radius: 4px;
}

.login-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 90%;
}

.front-account-create-link {
    padding: 4px 22px;
    background: rgb(20,20,120);
    border-radius: 6px;
    text-decoration: none;
    color: white;
    box-shadow: 2px 2px 4px black;
    transition-duration: 200ms;
}

.front-account-create-link:hover {
    box-shadow: 1px 1px 3px black;
    transform: translateY(1px);
    cursor: pointer;
    background: rgb(10,10,100);
}

.forgot-pass-link {
    font-style: italic;
    color: rgb(100,100,220);
}

.forgot-pass-link:hover {
    color: rgb(20,20,255);
}

.stat-main-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 96vw;
    padding-bottom: 10vh;
}

.stat-header-section {
    width: 94vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px;
    background: rgb(180,180,180);
    padding: 4px;
}

.stat-main-form-input-top {
    margin-right: 10vw;
}

.birthday-label {
    margin-right: 2vw;
}

.stat-header-div {
    width: 92vw;
    display: flex;
    flex-direction: column;
    padding: 4px;
    border: 2px solid grey;
    background: rgb(240,240,240);
    margin-bottom: 1vh;
}

.stat-header-div-title {
    margin-top: 4px;
    margin-bottom: 8px;
    background: rgb(160,160,160);
    padding: 2px;
}

.main-header {
    font-size: 32px;
    text-align: center;
}

.stat-form-textarea {
    width: 80%;
    height: 8vh;
}

.stat-question-div {
    display: flex;
    align-items: center;
    border: 1px solid black;
    border-bottom: none;
    justify-content: end;
}

.stat-question-text {
    margin: 6px;
}

.first-yes-div {
    margin-right: 0px;
    margin-left: auto;
    height: 100%;
    border-left: 1px solid black;
}

.question-answer-holder {
    padding: 5px;
}

.stat-instructional-text {
    padding: 8px;
    margin: 2px;
    font-weight: bold;
}

.multiple-choice-pairing {
    padding: 6px;
    border-bottom: 1px solid rgba(10,10,10,0.2);
}

.main-form-submit {
    margin-top: 2vh;
    font-size: 22px;
    padding: 4px 42px;
    box-shadow: 3px 3px 6px black;
    background: rgb(200,200,200);
    border-radius: 6px;
    transition-duration: 220ms;
}

.main-form-submit:hover {
    background: rgb(180,180,180);
    transform: translateY(2px);
    cursor: pointer;
    box-shadow: 1px 1px 5px black;
}

.info-text {
    margin: 4px;
    font-size: 18px;
    font-weight: bold;
}

.section-info {
    margin: 12px;
    font-size: 20px;
    font-family: sans-serif;
}

.column-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid black;
}

.normal-flex-display {
    width: 98%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.iep-helper-container {
    padding: 4px;
    border: 2px solid black;
}

.iep-helper-text {
    width: 98%;
}

/* forgotpassword and passwordreset */

.responsive-fieldset {
    width: 60vw;
    min-width: 200px;
    margin-top: 4vh;
}