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}.login-container{background-color:#fff;border-radius:10px;box-shadow:0 30px 60px 0 #0000004d;margin:auto;padding:40px;text-align:center;width:40%}.login-form h2{color:#333;margin-bottom:20px}.login-page-input{margin-bottom:15px;text-align:left}.login-page-input label{color:#555;display:block;margin-bottom:5px}.login-page-input{background-color:#f6f6f6;border-radius:5px;text-align:center;width:100%}.login-button,.login-page-input{border:none;font-size:16px;padding:14px 0}.login-button{background-color:#56baed;border-radius:5px;color:#fff;cursor:pointer;width:50%}.login-button:hover{background-color:#0056b3}.error-message{color:red;margin-top:10px}.login-page{display:flex;height:100vh;justify-content:center}.main-container{margin:auto;width:62%}.custom-form-container{margin:auto;text-align:center;width:100%}.custom-form h2{color:#333;margin-bottom:20px}.custom-form{background-color:#efefef;box-sizing:border-box;padding:20px;width:49%}.form-group{margin-bottom:15px;text-align:left}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}.form-group input,.form-group textarea{box-sizing:border-box}.submit-button{background-color:#5cb85c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;width:"50%"}.submit-button:hover{background-color:#0056b3}.game-all-forms{display:flex;justify-content:space-between}.game-form-button,.game-form-button-active{margin-bottom:10px;padding:2px;width:50%}.game-form-button-active{background-color:#5bc0de;border-radius:6px;color:#fff}.custom-forms{box-sizing:border-box}.custom-forms,.form-group-container{display:flex;justify-content:space-between;width:100%}@media only screen and (max-device-width:991px){.main-container{width:90%!important}.custom-forms{flex-direction:column}.custom-form{box-sizing:border-box;margin-bottom:20px;width:100%}.form-group-container{display:block;width:100%}.form-group{width:100%!important}}@media (max-width:1450px) and (min-width:991px){.main-container{width:90%!important}}@media (max-width:1024px){.box{flex-basis:calc(50% - 40px);flex-grow:1;flex-shrink:1;width:60%!important}}@media (max-width:768px){.result-page-container{padding:30px}.box{flex-basis:calc(100% - 40px);flex-grow:1;flex-shrink:1;width:85%!important}.box ul li{font-size:12px!important}}@media (max-width:480px){.result-page-container{padding:20px}.box{padding:15px;width:95%!important}.box ul li{font-size:10px!important}.share-button{font-size:14px;padding:8px}}.result-page-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;margin:20px auto;padding:40px;text-align:center;width:90%}.result-page-container h2{color:#333;margin-bottom:20px}.boxes-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;height:auto;padding:20px;width:100%!important}.array-box{width:100%}.box h3{color:#333;margin-bottom:10px}.box ul{list-style:none;padding:0}.box ul li{display:inline;margin-bottom:5px}.separator{margin:0 1px}.number+.separator+br{display:none}.number{display:inline-block;margin:5px}.share-button{background-color:green;margin-top:10px}.share-all-button,.share-button{border:none;border-radius:6px;color:#fff;padding:10px}.share-all-button{background-color:blue;cursor:pointer;margin-top:20px}.share-all-button:hover{background-color:#00008b}.summary-container{background-color:#f8f9fa;border-radius:5px;margin:20px 0;padding:15px;text-align:center}.summary-container p{color:#333;font-size:1.1rem;margin:5px 0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}.logout-button{background-color:#5bc0de;border:none;border-radius:6px;color:#fff;margin-bottom:10px;margin-top:10px;padding:10px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.34fa2585.css.map*/