form{
    display: flex;
    flex-direction: column;
}

label{
    display: block;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}

input[type=text], 
input[type=email], 
select{
    display: flex;
    background-color: #000;
    border: 2px solid #202020;
    outline: none;
    color: #fff;
    transition: 0.2s ease-in-out;
    /* width: calc(100% - 2.5rem); */
    /* margin-right: 1.25rem; */
    height: 2rem;
    border-radius: 10px;
    padding-left: 0.5rem;

}

input[readonly]{
    cursor: not-allowed;
}

input[type=text]:focus, 
input[type=email]:focus,
select:focus, 
textarea:focus{
    border: 2px solid var(--theme);
}

textarea{
    display: flex;
    /* margin-right: 1.25rem; */
    background-color: #000;
    border: 2px solid #202020;
    outline: none;
    color: #fff;
    border-radius: 10px;
    padding-left: 0.5rem;
}

#dc-username{
    border: 2px solid #5865f273;
}