input {
    margin: 10px;
    padding: 3px;
    border-width: 3px;
    border-color: green;
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: 1px;
}
* {
        margin: 10px;
}

body {
        background-color: rgb(255, 255, 255);
}

.text-style{
        font-size: 20px;
        font-family: 'Courier New', Courier, monospace;
        color: rgb(0, 0, 0);
}

.container{
        display: grid;
        grid-template-columns: 1fr 7fr 1fr;
        grid-template-rows: 60px repeat(8, 1fr);
        column-gap: 15px;
        row-gap: 15px;
}

.pos-logo{
    grid-column: 1;
    grid-row: 1;
    width : 70px;
    padding: 0px;

}

.pos-title{
    grid-column: 2;
    grid-row: 2;
}

.pos-username{
    grid-column: 2;
    grid-row: 3;
    width: 50%;
}
.pos-email{
    grid-column: 2;
    grid-row: 4;
    width: 50%;
}
.pos-password{
    grid-column: 2;
    grid-row: 5;
    width: 50%;
}
.pos-password-confirm{
    grid-column: 2;
    grid-row: 6;
    width: 50%;
}

.pos-remember-me{
    grid-column: 2;
    grid-row: 7;
}

.pos-button{
    grid-column: 2;
    grid-row: 8;
    width: max(30px, 25%);
}

.pos-text{
    grid-column: 2;
    grid-row: 9;
    width: 50%;
}