.theadDIVShadow, .mainDIVShadow, .mainDIVShadow1{
    background: radial-gradient(rgba(255, 133, 19, 0.205) 15%, 30%,rgba(255, 133, 19, 0) 75%);
    border-radius: 30%;
    align-content: center;
    position: relative;
}


.theadDIVShadow{
    height: 100%;
    width: 140%; 
}

.mainDIVShadow{
    height: 8%;
    width: 20%;
    bottom: 14%;
    left: 30%;
}

.mainDIVShadow1{
    height: 100%;
    width: 100%;
    left: 50%;
    
}


.theadBTNLogin, .mainBTNLogin, .mainBTNLogin1, .mainDIVdiv input:last-child{
    font-size: 24px;
    color: white;
    position: relative;
}


.theadBTNLogin{
    height: 45%;
    width: 80%;
    left: 10%;
}

.mainBTNLogin{
    height: 35%;
    width: 70%;
    left: 15%;
}


.mainDIVdiv input:last-child{
    height: 55%;
    width: 70%;
    position: relative;
    justify-self: center;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    
}


.theadBTNLogin:hover, .mainBTNLogin:hover, .mainDIVdiv input:last-child:hover{
    background-color: rgba(255, 102, 0, 40%);
}

.theadBTNLogin, .mainBTNLogin, .mainBTNLogin1, .mainDIVdiv input:last-child, .mainDIVdiv input:focus, .mainDIVdiv textarea:focus{
    background-color: rgba(255, 102, 0, 20%);
    border-color: rgb(255, 102, 0);
}


.mainDIVdiv input, .mainDIVdiv input:focus::placeholder, .mainDIVdiv textarea:focus::placeholder{
    color: white;
}

::placeholder{
    color: rgb(100, 100, 100);
    font-size: 16px;
}

.mainDIVdiv input:first-child{
    grid-column-start: 1;
    grid-column-end: 3;
}

.mainDIVdiv textarea{
    background-color: rgb(48, 48, 48);
    resize: none;
    outline: none;
    grid-column-start: 1;
    grid-column-end: 3;
}

.mainDIVdiv input{
    background-color: rgb(48, 48, 48); 
    outline: none;
}