body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;background-image:linear-gradient(135deg,#f0f0f0,#fff);display:flex;height:100vh;justify-content:center}.ball{background:radial-gradient(circle at top left,#60c0ff 20%,#4a95c6 90%);border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.1);height:300px;position:relative;transition:-webkit-transform 4s ease-in-out;transition:transform 4s ease-in-out;transition:transform 4s ease-in-out,-webkit-transform 4s ease-in-out;width:300px}.breathe{-webkit-transform:scale(1.3);transform:scale(1.3)}.breathing-text{color:#fff;font-family:Nunito,sans-serif;font-size:20px;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 1s ease}.fade-in{opacity:1;transition-delay:.5s}.fade-out{opacity:0}.side-menu{color:#5788d3;height:100%;left:-250px;padding:calc(1.5em + 10px) 20px 20px;position:fixed;top:0;transition:left .3s ease;width:210px}.side-menu.open{left:0}.hamburger{color:#c6c6c6;cursor:pointer;font-size:1.5em;left:10px;padding:5px;position:fixed;top:0;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;z-index:10}.hamburger.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.notransition{transition:none!important}.slider-container{align-items:center;display:flex}.slider-input{-webkit-appearance:none;background:#e3e3e3;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:10px;margin:10px 0;outline:none;transition:background .2s;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3498db;border-radius:50%;box-shadow:0 3px 5px rgba(0,0,0,.2);cursor:pointer;height:20px;-webkit-transition:background .2s,-webkit-transform .2s;transition:background .2s,-webkit-transform .2s;transition:background .2s,transform .2s;transition:background .2s,transform .2s,-webkit-transform .2s;width:20px}.slider-input::-moz-range-thumb{background:#3498db;border-radius:50%;box-shadow:0 3px 5px rgba(0,0,0,.2);cursor:pointer;height:20px;-moz-transition:background .2s,transform .2s;transition:background .2s,transform .2s;width:20px}.slider-value{color:#555;font-size:1.2em;margin-left:10px}.color-palette{border-radius:5px;display:flex;gap:10px;padding:5px}.color-box{border-radius:5px;cursor:pointer;height:50px;padding:1.5px;width:50px}.color-box,.color-box.selected{box-shadow:0 2px 4px rgba(0,0,0,.15)}.color-box.selected{border:1.5px dashed rgba(0,0,0,.35);padding:0}.homepage{margin-bottom:20px;padding:10px 20px}.launchapp{background-color:#387eff;border-radius:25px;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#fff;font-size:1.1em;padding:10px;text-decoration:none;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out}.launchapp:hover{background-color:#3171e9;box-shadow:0 4px 10px rgba(0,0,0,.24)}h1,h2{margin:0}
/*# sourceMappingURL=main.0e20e457.css.map*/