.container{width:300px}.flashlight{width:100%;flex-direction:column;align-items:center;display:flex}.flashlight>div{background-color:gray}.flashlight__head{width:100%;aspect-ratio:2/1;position:relative}.flashlight__head:before{content:"";width:50%;aspect-ratio:1;background-color:gray;position:absolute;top:50%;left:10%;transform:rotate(45deg)}.flashlight__head:after{content:"";width:50%;aspect-ratio:1;background-color:gray;position:absolute;top:50%;right:10%;transform:rotate(45deg)}.flashlight__shaft{width:50%;aspect-ratio:1/3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.flashlight__button{width:50%;aspect-ratio:1;border-radius:50%;margin-top:10px}.flashlight__button-red{background-color:red}.flashlight__button-green{background-color:green}.flashlight__button-blue{background-color:#00f}body{background-color:#073b4c}.code-workshop{height:100vh;place-items:center;display:grid}.code-workshop__house{position:relative}.code-workshop__house:after{content:"";width:100%;height:80%;z-index:-1;background-color:#000;position:absolute;top:0;left:0}.code-workshop--on .code-workshop__house:after{background-color:var(--light-color,darkgoldenrod)}.code-workshop__flashlight{place-items:center;margin-top:30px;display:grid}.code-workshop__flashlight>div{width:35%}#light-switch{opacity:0;position:absolute;top:0;left:0}#light-switch:checked~#background{background-color:#ebdbac}#light-switch:checked~.light-switch-label{box-shadow:0 2px 2px #d0b57b}#light-switch:checked~.light-switch-label .switch{box-shadow:0 10px 10px -5px #e9dbb0,0 0 0 1px #0000001a,0 0 0 4px #fff4d3,0 0 0 5px #0000001a}#light-switch:checked~.light-switch-label .switch:before{height:75px;color:#64bf60;text-shadow:0 0 3px #38ff2e;background:#fff4d3;line-height:75px;top:0}#light-switch:checked~.light-switch-label .switch:after{height:70px;color:#d7bf95;text-shadow:0 0 #0000;background:#fffaea;line-height:70px;bottom:5px;box-shadow:0 5px #d0b57b}.light-switch-label{height:300px;width:200px;z-index:1;background-color:#fff4d3;border-radius:10px;margin:100px auto 0;display:block;position:relative}.light-switch-label .switch{cursor:pointer;height:150px;width:100px;background:#fffaea;border-radius:5px;margin:-75px 0 0 -50px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 10px 10px -5px #e9dbb000,0 0 0 1px #0000001a,0 0 0 4px #fff4d3,0 0 0 5px #0000001a}.light-switch-label .switch:before{content:"EIN";height:70px;text-align:center;width:100px;color:#bfa371;background:#efe0b1;border-radius:5px 5px 0 0;line-height:70px;display:block;position:absolute;top:5px;left:0}.light-switch-label .switch:after{content:"AUS";height:75px;text-align:center;width:100px;color:#a4441a;text-shadow:0 0 3px #ff4e00;background:#fff4d3;border-radius:0 0 5px 5px;line-height:75px;display:block;position:absolute;bottom:0;left:0}.light-switch-label .screw{height:16px;width:16px;background:#e3d4a5;border-radius:100%;margin-left:-8px;position:absolute;left:50%;overflow:hidden;box-shadow:inset 0 2px #00000026}.light-switch-label .screw:before{content:"";height:100%;width:2px;background:#0003;margin-left:-1px;display:block;position:absolute;left:50%}.light-switch-label .screw:first-of-type{top:30px}.light-switch-label .screw:last-of-type{bottom:30px}#background{height:100%;width:100%;background-color:#132436;position:absolute;top:0;left:0}
/*# sourceMappingURL=index.5706a5db.css.map */