*
{
    padding:0;
    margin:0;
    left:0;
    
}
.main
{
     position:absolute;
    width:100%;
    height:100%;
    background-color:#003B46;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.box
{
    width:350px;
    height:300px;
    background-color:white;
    border-radius:10px;
    box-shadow: 0px 7px 3px -4px rgba(255,248,248,0.75);
-webkit-box-shadow: 0px 7px 3px -4px rgba(255,248,248,0.75);
-moz-box-shadow: 0px 7px 3px -4px rgba(255,248,248,0.75);
}

.footer
{
    height:200px;
}

h1
{
    margin-top:30px;
    margin-bottom:15px;
}

form
{
      
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.usern,.pass
{
    display:flex;
    
    width:90%;
    margin-top:10px;
    border:1px solid grey;
    border-radius:10px;
}

.icn
{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-right:1px solid grey;
    
}

.eye
{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid grey;
}

.usern .input
{
    width:calc(100% - 40px);
}

.pass .input
{
    width:calc(100% - 80px);
    
}

.sbt
{
    width:90%;
    border-radius:10px;
    
}

form input[type="submit"]
{
    width:100%;
    height:100%;
    border:none;
    outline:none;
    font-size:15px;
    padding:10px;
    border-radius:10px;
    margin-top:20px;
    cursor:pointer;
}

h4
{
    margin-top:20px;
}





form input
{
    width:100%;
    height:100%;
    border:none;
    outline:none;
    font-size:15px;
    padding:5px 0 5px 10px;
    /*border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
}

#userin
{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}


.otp-boxes
{
    margin-top:15px;
    width:90%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.otp
{
    width:40px;
    height:40px;
    border:1px solid grey;
    display:flex;
    justify-content:center;
    align-items:center;
}


.otp input
{
    
    width:60%;
}


#sbtLog
{
    background-color:blue;
    color:white;
}


#verify
{
    background-color:#eb1aa8;
    color:white;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}