#signup_page{
    width:100%;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}
#signup_form{
    display:flex;
    flex-flow: column nowrap;
    gap:1em;
    padding:3em 2em;   
    background-color: aliceblue;
    border-radius: 10px;
    border:1px solid rgb(156, 156, 156);
}

.input_box{
    display:flex;
    flex-direction: column;
    gap:0.2em;
    width:250px;
}

.input_box>input{
    border-radius: 8px;
    border:1px solid gray;
    font-size:1em;
    padding:0.3em;
    
    &:focus{
        
        outline:2px solid rgb(137, 137, 255);
    }
}

#submit_btn{
    padding:1em;
    border-radius: 20px;
    border:1px solid black;
    background-color: greenyellow;
    cursor:pointer;


    &:hover{
        /* opacity: 0.9; */
        filter:saturate(1.2);
    }
}


.error_msg{
    font-size:0.8em;
    color:red;
}

#redirect_link{
    text-align: center;
    color:rgb(90, 90, 90);
    &:hover{
        color:black;
    }
}