#root,#root>div,body,html{height:100%;margin:0;overflow:hidden;width:100%}body{bottom:0;left:0;position:fixed;right:0;top:0}#root{background:#17001d;display:flex;height:100%;justify-content:center;overflow:hidden;width:100vw}h1{color:#fff;text-shadow:0 0 60px 0 #0000004d}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}@keyframes popup{0%{transform:scale(0)}70%{transform:scale(1.1)}85%{transform:scale(.94)}to{transform:scale(1)}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418}main{background:#17001d;color:#fff;height:100%;margin-left:5rem;overflow-x:hidden;overflow-y:auto;padding:1rem}.navbar{background-color:#23232e;background-color:var(--bg-primary);position:fixed;transition:width .2s ease}.navbar-nav{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}.nav-item,.nav-link{margin:0;padding:0;width:100%}.nav-link{align-items:center;background-color:inherit;border:none;color:#b6b6b6;color:var(--text-primary);display:flex;height:5rem;text-decoration:none;transition:.6s}.link-text{display:none;font-size:20px;margin-left:1rem;white-space:nowrap}.nav-link svg{margin:0 1.5rem;max-width:2rem;min-width:2rem;transition:height .6s ease}.navbar .nav-link.active svg.fa-weight path,.navbar .nav-link:hover svg.fa-weight path{fill:#458c2b;transition:.6s}.navbar .nav-link.active svg.fa-book path,.navbar .nav-link:hover svg.fa-book path{fill:#674ef5;transition:.6s}.navbar .nav-link.active svg.fa-envelope path,.navbar .nav-link:hover svg.fa-envelope path{fill:#cf1f57;transition:.6s}.logo,.nav-link:hover{background:#141418;background:var(--bg-secondary)}.logo{color:#ececec;color:var(--text-secondary);font-size:1.5rem;font-weight:700;letter-spacing:.3ch;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}.logo .link-text{transition:.6s}.logo svg{transform:rotate(0deg);transition:transform .6s}.navbar:hover .logo svg{transform:rotate(-90deg)}.titlepage{display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.titlepage h1{color:#eee;font-family:Permanent Marker,cursive;margin:0 auto;width:min-content}@media only screen and (max-width:600px){.navbar{bottom:0;height:5rem;width:100vw;z-index:1000}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center}main{-webkit-overflow-scrolling:touch;height:calc(100% - 5rem);margin:0;max-height:calc(100% - 5rem);overflow-x:hidden;overflow-y:auto;padding-bottom:6rem}}@media only screen and (min-width:600px){.navbar{height:100vh;top:0;width:5rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:block}.navbar:hover+main{margin-left:16rem;transition:margin-left .2s ease}}input.react-datetime-picker__inputGroup__input{color:#fff}@media only screen and (min-width:600px){.centerOnComputer{border-left:1px solid #5a5757;height:100%;padding-left:25px}}.grid{grid-gap:0;display:grid;gap:0;margin:0 auto;max-width:400px}.grid-item{align-items:center;aspect-ratio:1/1;background-color:#333;border:1px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:20px;justify-content:center;padding:10px}.results{border-top:1px solid #fff;color:#333;column-count:3;column-gap:0;font-size:18px;list-style-type:none;margin:0 auto;max-width:500px;padding:10px 0 0}.results li{background-color:#ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:5px;max-width:100px;padding:5px 10px}.error{color:red}input{color:#fff}.calculator-container{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:2rem}.calculator-container h1{margin-bottom:1rem}.calculator-description{background-color:var(--bg-secondary);border-radius:8px;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem;text-align:left}.calculator-description em{font-style:italic}.calculator-form{background-color:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:2rem}.calculator-form label{display:flex;flex-direction:column;font-weight:700;gap:.5rem}.calculator-form input{background-color:var(--bg-primary);border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-primary);font-size:1rem;padding:.5rem}.calculator-form input:focus{border-color:var(--text-primary);outline:none}.calculator-result{background-color:var(--bg-primary);border-radius:4px;margin-top:1.5rem;padding:1rem;text-align:center}.calculator-result h2{font-size:1.5rem;margin:0}.result-detail{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}
/*# sourceMappingURL=main.18b7532a.css.map*/