.text-shaddow {text-shadow:0px 14px 20px rgba(0,0,0,.2);}
.fullheight {height:100vh;}
/* duration-1500 opacity-0 */


.toggle input[type=checkbox] {display: none;}

.toggle label {
background-color: #2c2c2c;
border: 2px solid rgb(12 74 110);
border-radius: 50px;
cursor: pointer;
display: inline-block;
position: relative;
transition: all ease-in-out 0.3s;
width: 50px;
height: 25px;
}

.toggle label::after {
background-color: #cecece;
border-radius: 50%;
content: ' ';
cursor: pointer;
display: inline-block;
position: absolute;
left: 1px;
top: 1px;
transition: all ease-in-out 0.3s;
width: 19px;
height: 19px;
}

.toggle input[type=checkbox]:checked ~ label {
background-color: #cecece;
border-color: #006dc9;
}

.toggle input[type=checkbox]:checked ~ label::after {
background-color: #666;
transform: translateX(25px);
}