.Layout{color:#fff;display:flex;flex-direction:column;align-items:center;height:100%}.desktop__Header{display:flex;justify-content:center;margin-bottom:5%}.desktop__Header .Header__div{width:75vw;display:flex;align-items:center;justify-content:space-between}.desktop__Header h3{font-size:30px;margin-top:20px}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:.5s}.modal.active{opacity:1;pointer-events:all}.modal__content{background-color:transparent;border:2px solid white;border-radius:5px;padding:10px;margin-bottom:20%;transform:scale(0);transition:.5s;text-align:center}.modal__content button{margin:10px}.modal__content.active{transform:scale(1)}.btn{color:#d8dad3;background:transparent;font-size:25px;padding:5px 10px;border:2px #d8dad3 solid;border-radius:10px;margin:10px 0 0;transition:.5s}.btn:hover{color:#022f40;background-color:#d8dad3;padding:5px;transition:.5s}.mobile__Header{display:flex;justify-content:center;margin-bottom:7%}.mobile__Header .Header__div{width:75vw;display:flex;align-items:center;justify-content:space-between}.mobile__Header h3{font-size:30px;margin-top:20px}main{color:#d8dad3;max-width:100%;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border:2px solid white;padding:20px 10px;border-radius:15px}main .Effect{display:flex;align-items:center;width:100%}main .Effect input[type=checkbox]{width:25px;height:25px;margin:15px 10px}.Input{width:90%;height:50px;font-size:30px;border:solid 2px white;border-radius:5px;background:transparent;color:#fff}.middle{width:90%;margin:20px 0}.slider-container .slider{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;outline:none}.slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background-color:#0075ff;border-radius:50%;cursor:pointer;outline:none}*{margin:0;padding:0}body{font-family:monospace;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}