@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap);body{background-color:#3cc;font-family:Manrope,sans-serif;margin:0;padding:0}.App{color:#efcb7d;font-family:sans-serif;font-size:24px;text-align:center}h1{margin-bottom:0}.container{height:40vh;width:100%}.app-container{box-sizing:border-box;justify-content:center;min-height:100vh;padding:40px 20px}.app-container,.rive-container{align-items:center;display:flex;flex-direction:row}.rive-container{gap:40px}.rive-wrapper{border:20px solid #fff;border-radius:50%;box-sizing:border-box;height:min(500px,90vw);overflow:hidden;width:min(500px,90vw)}.controls{grid-gap:10px;background:#248f8f;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));height:-webkit-fit-content;height:fit-content;padding:20px;width:400px}.controls button{align-items:center;background-color:#ffc900;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#f36;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;height:100px;justify-content:center;padding:20px;position:relative;text-align:center;transition:all .2s}.controls button:hover{transform:translateY(-2px)}.controls button.active,.controls button:hover{background-color:#f36;box-shadow:0 4px 8px #0003;color:#fff}.controls button.active:after{background-color:#f36;border-radius:50%;bottom:-8px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.theme-button{color:#fff!important;font-family:Manrope,sans-serif;font-size:24px!important;font-weight:700;grid-column:1/-1;height:150px!important;margin-bottom:10px}.theme-button,.theme-button.active,.theme-button:hover{background-color:#66c!important}.theme-button.active:after{display:none}@media screen and (max-width:1024px){.app-container{padding:20px}.rive-container{flex-direction:column;gap:20px}.controls{width:min(400px,90vw)}.controls button{font-size:14px;height:80px}.theme-button{font-size:20px!important;height:120px!important}}@media screen and (max-width:480px){.controls{grid-template-columns:repeat(2,1fr);padding:15px}.rive-wrapper{border-width:10px}}
/*# sourceMappingURL=main.255419a8.css.map*/