.verify-box {
    
    padding-top: 55px;
    padding-bottom: 55px;
    border-radius: 6px;
    background: rgba(35, 157, 187, 0.3)
}

.text-box {
    
    padding-top: 27px;
    padding-bottom: 27px;
    border-radius: 6px;
    background: rgba(136, 138, 139, 0.3)
    
}

input[type=text], [type=password], select {
    
    border: 0.5px solid  rgba(136, 138, 139);
    
    border-bottom: 3px solid rgba(136, 138, 139);
    
}

input[type=text]:focus, [type=password]:focus {
    
    border: 0.5px solid #ccc;
    border-bottom: 3px solid #41aae7;
    
    
}

input[type=text]::placeholder {
    color:rgba(136, 138, 139);
    opacity: 1; /* Firefox */
}

footer {
    background: rgba(224, 233, 238, 0.1);
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
 
      nav {
        margin-right: 0px;
    }
}