body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background: #9855B6;
}

header {
    flex: 4 0 auto;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    width: 100%;
    height: 10%;
    background: #3E1F4D;
    box-shadow: 0 4px 4px #000000;
    border-radius: 0 0 50px 50px;
}

header img {
    object-fit: scale-down;
    height: 95%;
}

header label {
    margin: -10px 0 0 40px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(269.98deg, #5150D8 -50.27%, #05F5FD 106.71%);
    font-family: Questrial, monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    line-height: 100%;
    height: 100%;
}

.features {
    flex: 3 0 auto;
    width: 100%;
    margin: -50px 0 0;
    z-index: 1;
    position: relative;
    background: #66367B;
    box-shadow: 0 4px 4px #000000;
    border-radius: 0 0 50px 50px;
    min-height: 300px;
}

.features .container {
    width: 100%;
    position: absolute;
    margin: 50px 0 0;
}

.features .container .promo {
    margin: 10px 0 0 0;
    color: #BEEFFF;
    font-family: 'Open Sans', monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}

.goals {
    flex: 2 0 auto;
    width: 100%;
    margin: -50px 0 0;
    position: relative;
    z-index: 0;
    background: #81469B;
    box-shadow: 0 4px 4px #000000;
    border-radius: 0 0 50px 50px;
    min-height: 300px;
}

.goals .container{
    position: absolute;
    margin: 50px 0 0;
}

.goals .container .promo {
    font-family: 'Open Sans', monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #BEEFFF;
}

.members{
    flex: 1 0 auto;
    width: 100%;
}

.members .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.members .container .promo{
    font-family: 'Open Sans', monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #BEEFFF;
}

.members .container .member {
    display: flex;
    background: #9066A3;
    box-shadow: inset 0 0 4px #000000;
    width: 100%;
    margin-bottom: 10px;
}

.members .container .member img {
    width: 130px;
    max-height: 150px;
    margin: 10px;
}

.members .container .member p {
    font-family: 'Open Sans', monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 50px;
    color: #BEEFFF;
}

footer{
    flex: 0 0 auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    width: 100%;
    background: #3E1F4C;
    box-shadow: 0 -4px 4px #000000;
    border-radius: 50px 50px 0 0;
}

footer label{
    font-family: 'Open Sans', monospace;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #BEEFFF;
}

footer input{
    background: #ECC4FF;
    height: 20px;
    border: 2px solid #BFFBFF;
    box-sizing: border-box;
    border-radius: 10px;
}

footer button{
    background: #9855B6;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #BEEFFF;
}