body{
    background: linear-gradient(to right,hsl(175deg 63% 68%),hsl(220deg 58% 75%));
}

.input:focus{
   box-shadow: #00aeef 3px 3px 6px 0px inset, #00aeef -3px -3px 6px 1px inset;
}

.check,
.check:checked,
.check:focus{
    border:none;
   box-shadow: #00aeef 3px 3px 6px 0px inset, #00aeef -3px -3px 6px 1px inset;
}

.maindiv{
    transition-property:background-color,color;
    transition-duration: 0.5s;
}