body,
html {
    height: 100vh;
    width: 100vw;
    margin: 0;
}

.top-bar {
    display: flex;
    background-image: linear-gradient(79.9725deg, #0FB4AA, #208DA9);
    height: 30vh;
    min-height: 240px;
    width: inherit;
    align-items: center;
}

.bottom-bar {
    display: flex;
    background-color: white;
    height: 40vh;
    min-height: 160px;
    width: inherit;
}

.buttons-div {
    position: relative;
    top: 147%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2em;
    font-family: gabriola;
    /* min-width: 800px; */
}

.large-button-imgs {
    position: relative;
    min-width: 100px;
    min-height: 100px;
    width: 7.5vw;
    height: 7.5vh;
    margin: 0;
    margin-top: 0.1vh;
}

.large-button {
    background-color: #0FAFAA;
    display: inline-block;
    margin: 5px;
    padding: 25px;
    text-align: center;
    border-color: white;
    border-width: 2.5px;
    border-style: solid;
    border-radius: 25px;
    aspect-ratio: 4/3;
    cursor: pointer;
    min-width: 10px;
    transition-duration: .4s;
}

.large-button:hover {
    box-shadow: 0 0 25px black;
    background-color: #367989 !important;
}

.large-button-parags {
    margin: 0;
    color: white;
}

.message-div {
    position: fixed;
    color: white;
    left: 25%;
    font-family: gabriola;
    font-size: 3em;
    padding: 25px;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

path,
polygon,
p {
    transition-duration: .4s;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.bottom-buttons-div {
    position: absolute;
    display: block;
    margin: 0 auto;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.password-input {
    display: block;
    margin: 0 auto;
    display: block;
    min-width: 120px;
    max-width: 200px;
    width: 20.9vw;
    margin: 5px auto;
    font-family: gabriola;
    font-size: 1.8em;
    height: 10px;
    padding: 15px;
    border-radius: 45px;
    border-style: solid;
    transition-duration: .4s;
}

.password-input:hover {
    box-shadow: 0 0 25px black;
}

.send-btn {
    display: block;
    margin: 0px auto;
    font-family: gabriola;
    font-size: 1.8em;
    min-width: 120px;
    max-width: 250px;
    width: 25vw;
    height: 45px;
    padding: 0;
    text-align: center;
    appearance: none;
    border-radius: 45px;
    background-color: #0FAFAA;
    color: white;
    transition-duration: .4s;
    border-color: whitesmoke;
    border-style: solid;
    border-width: 2px;

}

.send-btn:hover {
    background-color: #367989;
    box-shadow: 0 0 25px rgba(0, 0, 0, 1);
}