﻿#sect1
{
    display:flex;
    flex-direction: row;       
}
#sect1Cell1{
    display: flex;
    flex-direction: column;
    max-width:460px;
    margin-left:70px;
}

#Sect1Cell1Head {
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    text-transform: uppercase;
    font-weight:bold;
    margin-bottom: 45px;
}

#Sect1Cell1Sub{
    font-family:'Roboto Condensed', sans-serif;
    font-size:15px;
    margin-bottom:30px;
}

#sect1Points {
    display: flex;
    flex-direction: column;
}

.sect1Point{
    display:flex;
    flex-direction:row;
    max-width:380px;
    margin-bottom:40px;
    
}

.sect1PointImg{
    width:80px;
}

.sect1PointText{
    display:flex;
    flex-direction: column;
    max-width:300px;
}


.sect1PointHead{
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight:bolder;
    text-transform: uppercase;
    margin-bottom:20px;


}

.sect1PointSub{
    font-family: 'Roboto Condensed', sans-serif;
}

#sect1Cell2 {
}

#registerForm{
    width:500px;
    /* height:900px; */
    background-color:#ff7500;
    border-radius: 32px;
    margin-left:300px;
    display:flex;
    flex-direction:column;
    padding-top: 50px;
    padding-bottom: 50px;
}

.formElement {
    width: 420px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 9px;
    background-color: #ffffff;
    padding-left: 50px;
    display: flex;
    place-items: center;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
}

.formCheckboxHolder{
    display:flex;
    place-items: center;
    padding-left: 45px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: #ffffff;

}

.formCheckboxSize{
    width:20px;
    height:20px;
    margin-right:2px;
}

.formInputDate{
    
    background-color: #d9d9d9;
    width: 65px;
    height: 40px;
    border-radius: 5px;
    border-width: 0px;
    margin-right:15px;
}

.formInput{
    width:95%;
    border:0;
    height:95%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    background-color: #ffffff;
    outline-width: 0;
    border-radius: 10px;
}

.formInputRed{ 
    background-color: lightsalmon;
    
}

.formTextRed{
    color: crimson;
}

.form-text9{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 9px;
}

#sexSelector{
    display:flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 5px;
}

#Sex{
    scale: 50%;
}

#RegisterSuccess
{
    width:90%;
    margin-top:15px;
    margin: 0 auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    color: #ffffff;
    background-color: #ff7500;
    border-radius: 25px;
    text-align: center;
    padding: 15px;


}

@media (max-width: 800px)
{
    #sect1{
        flex-direction: column;
        margin-left: 2px;
        width:99%;
    }
    #sect1Cell1{
        margin: 0 5%;
    }
    #Sect1Cell1Head {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        text-transform: uppercase;
        font-weight:bold;
        margin-bottom: 15px;
    }
    #registerForm{        
        width: 100%;
        margin: 0 auto;
    }
    .formElement{
        width: 75%;        
    }

    .formInputDate{
        width: 20%;
    }
}