.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-attachment:fixed;background-image:url(/static/media/background.19d7f12e9400c9c65712.jpeg);background-position:0 100%;background-repeat:no-repeat;background-size:cover;font-family:Apple Chancery,cursive;font-size:15px;padding:0;text-align:center}label{color:#fff;font-size:20px;padding:10px}table{border:3px solid #228b22;border-radius:10px}table,tbody{color:#fff}.th{border-bottom:2px solid #000}th,tr{text-align:center}a{background:#60c96088;border:3px solid #ccd54a79;border-radius:10px;font-size:50px;margin:0 auto 20px;text-decoration:none}a:hover{background:#33613388;border:3px solid #53561f79;color:#f1f9ff}a:focus{background:#00bbff88;border:3px solid #ff000079;color:#5100ff}.a{margin-left:20px}h1{color:#fff;font-family:Avantgarde,TeX Gyre Adventor,URW Gothic L,sans-serif;font-size:35px}:focus{outline:none}body{font-family:Arial,Helvetica,sans-serif;margin:0}#app-cover{counter-reset:button-counter;display:table;margin:80px auto;width:600px}.row{display:table-row}.toggle-button-cover{box-sizing:border-box;display:table-cell;height:140px;position:relative;width:200px}.button-cover{border-radius:4px;height:100px;margin:20px}.button-cover:before{bottom:0;color:#0ff;font-size:12px;line-height:1;padding:5px;position:absolute;right:0}.button-cover,.knobs,.layer{bottom:0;left:0;position:absolute;right:0;top:0}.button{height:36px;margin:-20px auto 0;overflow:hidden;position:relative;top:50%;width:74px}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs{z-index:2}.layer{background-color:#ebf7fc;transition:all .3s ease;width:100%;z-index:1}#button-11{overflow:visible}#button-11 .knobs{-webkit-perspective:70px;perspective:70px}#button-11 .knobs span,#button-11 .knobs:after,#button-11 .knobs:before{border-radius:2px;position:absolute;top:4px}#button-11 .knobs:after,#button-11 .knobs:before{color:#fff;font-size:10px;font-weight:700;height:10px;line-height:1;padding:9px 4px;text-align:center;width:20px}#button-11 .knobs:before{content:"WEST";left:4px}#button-11 .knobs:after{content:"EAST";right:4px}#button-11 .knobs span{background-color:#03a9f4;height:28px;right:-2px;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:all .6s ease;width:37px;z-index:1}#button-11 .checkbox:checked+.knobs span{background-color:#f44336;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}#button-11 .checkbox:checked~.layer{background-color:#fcebeb}
/*# sourceMappingURL=main.5128c7bc.css.map*/