﻿div.master {
    margin: auto;
    border-style: solid;
    width: 100%;
    background-color: #ff8200;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 10px;
    max-width: 600px;
}

div.fname {
    width: contain;
    border: solid;
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background-color: #ffffff;
}

div.lname {
    width: contain;
    border: solid;
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background-color: #ffffff;
}

div.email {
    width: 50%;
    border: solid;
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background-color: #ffffff;
}

div.password {
    width:40%;
    border: solid;
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background-color: #ffffff;
    
        
}

div.submit {
    width: 60%;
    display: block;
    user-select: none;
    border: solid;
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background-color: #58595B;
}


input.fname {
    text-align: center;
    box-sizing: border-box;
    display: block;
    border: none;
    outline: none;
    width: 100%;
}

input.lname {
    text-align: center;
    box-sizing: border-box;
    display: block;
    border: none;
    outline: none;
    width: 100%;
}

input.email {
    text-align: center;
    box-sizing: border-box;
    display: block;
    border: none;
    outline: none;
    width: 100%;
}

input.password {
    text-align: center;
    box-sizing: border-box;
    display: block;
    border: none;
    outline: none;
    width: 100%;
}

p.center {
    text-align: center;
}

button.submit {
    display: block;
    width: 50%;
    background-color: #58595B;
    border: none;
    outline: none;
    user-select: none;
    color:white;
}
