.home-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:solid 2px #000000;border-radius:5px;position:fixed;top:50px;left:50px;transition:all .2s ease-in}.home-btn:hover{transform:scale(1.1) rotate(9deg)}.home-btn__img{width:40px;height:40px}.main{width:100%;height:100svh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.btn-cont,.switcher{width:650px;height:250px;border-radius:15px;display:flex;align-items:center;justify-content:center}.btn-cont{background-color:#436da0}.switcher{background-color:#fff7f7}.button{font-size:14px;position:relative;background:#436da0;border-radius:100px;padding:8px 25px;text-align:center;cursor:pointer;transition:all .2s ease-in-out;color:#ececec;box-shadow:-1px -1px 1px #304f75,1px 1px 1px #304f75,inset -2px -2px 2px #9e9e9e80,inset 2px 2px 2px #9e9e9e80}.button:hover{color:#fff7f7;background:#4c7aaa;box-shadow:-1px -1px 2px #304f75,1px 1px 2px #0003,inset -2px -2px 2px #9e9e9e80,inset 2px 2px 2px #9e9e9e80}.button:active{color:#c1cad7;background-color:#3f6492;box-shadow:inset -1px -1px 2px #ffffff80,inset 1px 1px 2px #0000001a;color:#79e3b6}.switcher__input{display:none}.switcher__input:checked+.switcher__label .switcher__ball{transform:translate(40px) rotateY(180deg);background:#4caf50}.switcher__label{position:relative;display:block;width:80px;height:40px;border:12px solid #e9e9e9;border-radius:100px;cursor:pointer;overflow:hidden;background:linear-gradient(to right,#4caf50 0% 50%,#f44336 50% 100%);background-size:200% 100%;background-position:100% 0;transition:all .4s linear}.switcher__input:checked+.switcher__label{background-position:0 0}.switcher__label:hover{border-color:#e2e2e2}.switcher__ball{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:all .4s linear;z-index:2}.switcher .switcher__input:checked+.switcher__label .switcher__ball{transform:translate(40px);background-position:100% 0%}