:root{
    --ecrf_blue:#0083a4;
    --ecrf_skyblue:#04b9e7;
    --ecrf_darkblue:#006d88;
    --ecrf_grey:#959ea1;
    --ecrf_green:#00c7a3;
    --ecrf_red:#e55454;
    --ecrf_yellow:#e4bc2c;

}
*{
    font-family: 'Raleway', sans-serif;
    margin:0;
    padding:0;
    font-size: 105%;
}
h1{
    font-weight: 600;
    color:#0083a4;
    text-align: center;
    margin:auto 0 auto 15px;
}
header{
    height: 30%;
    padding: 8% 0 3% 0;
    display: flex;
    flex-direction: row;
    margin:auto;
    justify-content: center;
}
main{
    background-color: rgba(4, 185, 231,0.2);
    height: 40%;
    position: absolute 30% 0 30% 0; 
}
.container{
    display: flex;
    flex-direction:row;
    width:50%;
    margin:auto;
}
.form-floating{
    margin:10px 0 10px 0;
}
#reg{
    display:flex;
    flex-direction:column;
    width: 50%;
    margin:50px auto;
    color:#212529;
    justify-content:space-around;
}
.btn{
    background-color: #04b9e7;
}
.bg{
    background-image: linear-gradient(#ffffff, #dbe9ec);
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: 0; 
    z-index:-5;
}