.main-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:linear-gradient(to bottom,#0000004d,#0009),url(/assets/numenera-background-ByWHaKYs.jpg) center center/cover,#333;background-attachment:fixed;min-height:100vh;height:100%;width:100%;overflow-x:hidden}.main-container .trademark{position:relative;bottom:0;font-weight:medium;color:#fff;margin-bottom:2rem}@media (max-width: 810px){.main-container .trademark{margin-bottom:4rem}}*{padding:0;margin:0;box-sizing:border-box;font-family:Noto Sans,sans-serif}html{scroll-behavior:smooth}@media (max-width: 1080px){html{font-size:93.75%}}@media (max-width: 720px){html{font-size:87.5%}}.divider{content:"";display:inline-block;width:80%;height:2px;vertical-align:middle;background-color:#fff;margin:1rem}@media (max-width: 1325px){div.main-container{background:linear-gradient(to bottom,#0000004d,#0009),url(/assets/numenera-background-ByWHaKYs.jpg) no-repeat center top fixed}}@media (max-width: 810px){div.main-container .trademark{margin-bottom:5rem}}@media (max-width: 1325px){div.generator{width:95%;height:100%;min-height:33rem}div.generator .selectors{flex-direction:column;align-items:center;justify-content:center}div.generator .selectors>b{font-size:1.25rem}div.generator h1{display:block;font-size:1.25rem;padding:1rem;text-align:center}}@media (max-width: 1325px){div.generator>form{flex-direction:column}div.generator>form #descriptor,div.generator>form #type,div.generator>form #foci{width:100%;text-align:center}}@media (max-width: 1325px){div.customization-page{width:95%}div.customization-page .character-phrase{font-size:1.35rem;display:flex;flex-wrap:wrap;justify-content:center;max-width:90%}div.customization-page .character-phrase>b{margin:0rem .35rem}}@media (max-width: 810px){div.customization-page .pools-container{flex-wrap:wrap}div.customization-page .pools-container .pools-wrapper{margin:1rem 2rem}div.customization-page .skills-children{min-width:85%}div.customization-page .skills-children>ul{align-self:flex-start}div.customization-page .abilities-children,div.customization-page .additional-children{min-width:100%}}@media (max-width: 1325px){nav.navbar{display:none}}@media (max-width: 1325px){div.get-started{width:95%;margin-top:2rem}}@media (max-width: 1325px){div.copyright-container{width:95%;min-height:100vh}}@media (max-width: 1325px){div.about-container{width:95%}}@media (max-width: 1325px){div.character-history-intro{width:95%;margin-top:2rem;height:fit-content}}@media (max-width: 1325px){div.character-history-container{width:95%;min-height:fit-content}}div.character-history-container .character-history-list{padding:1rem 3rem}.navbar{display:flex;align-items:center;justify-content:space-evenly;min-height:2rem;width:100%;margin:1.5rem 0rem;color:#fff;font-weight:700}.navbar .navbar-links>a{text-decoration:none;margin:0rem 3rem;color:#fff!important;transition:all .35s ease-in-out}.navbar .navbar-links>a:visited{color:#fff}.customization-page{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;padding:1rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem}.customization-page .character-phrase{width:100%;height:2rem;text-align:center;font-size:2rem;font-weight:medium;margin:2rem 0rem}.customization-page .character-phrase>b{color:#ce9e35}.pools-title{font-size:1.5rem;font-weight:700;margin:2rem 0rem}.pools-container{display:flex;justify-content:space-evenly;align-items:center;font-weight:700;width:100%;margin-bottom:2rem}.pools-container .pools-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:40%}.pools-container .pools-wrapper .adaptable-case-button,.pools-container .pools-wrapper .intimidating-case-button,.pools-container .pools-wrapper .lawful-case-button{font-size:1.15rem;font-weight:700;text-align:center;line-height:0rem;background-color:#f2fafc;height:2rem;min-width:2.5rem;border:none;border-radius:5px;padding:.5rem;margin:0rem .5rem .5rem .75rem}.pools-container .pools-wrapper>span{font-size:1.5rem;margin-bottom:1.5rem}.pools-container .pools-wrapper>span+span{display:flex;align-items:center;justify-content:center;padding:1.25rem;border:none;border-radius:8px;background-color:#1a384c;width:4rem;height:4rem}.pools-container .pools-wrapper .pools-button{font-size:1.5rem;font-weight:700;text-align:center;line-height:0rem;background-color:#f2fafc;height:2rem;width:2rem;border:none;border-radius:100%;margin:0rem .5rem;cursor:pointer;transition:all .4s ease-in-out}.pools-container .pools-wrapper .pools-button:hover{background-color:#1a384c;color:#f2fafc}.pools-container .pools-wrapper .pools-reset-button{font-size:1rem;text-align:center;background-color:#f2fafc;font-weight:700;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .4s ease-in-out}.pools-container .pools-wrapper .pools-reset-button:hover{background-color:#1a384c;color:#f2fafc}.edges-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-size:1.5rem;width:100%;margin:2rem}.edges-container>b{margin-top:1rem}.edges-container .edges-title{font-weight:700}.edges-container .edges-wrapper{display:flex;justify-content:space-evenly}.edges-container .edges-wrapper .edges-children{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;margin:1rem;font-weight:700}.edges-container .edges-wrapper .edges-children>span+span{display:inline-block;padding:1rem;margin-top:1.5rem;border:none;border-radius:8px;width:4rem;height:4rem;text-align:center;background-color:#1a384c}.edges-container .edges-wrapper .edges-children .edge-button{font-size:1.5rem;font-weight:700;text-align:center;line-height:.5rem;background-color:#f2fafc;height:2rem;width:2rem;border:none;border-radius:100%;margin:1rem .5rem 0rem;cursor:pointer;transition:all .4s ease-in-out}.edges-container .edges-wrapper .edges-children .edge-button:hover{background-color:#1a384c;color:#f2fafc}.skills-container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;font-size:1.25rem;width:100%;margin:2rem}.skills-container .skills-title{font-size:1.5rem;font-weight:700}.skills-container .skills-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap}.skills-container .skills-wrapper .skills-children{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex:1;margin:1rem 1.5rem;max-width:45%}.skills-container .skills-wrapper .skills-children>span{font-weight:700}.skills-container .skills-wrapper .skills-children>ul li{list-style:square;margin-bottom:.75rem}.abilities-container{display:flex;align-items:center;flex-direction:column;font-size:1.25rem;margin:2rem}.abilities-container .abilities-title{font-size:1.5rem;font-weight:700}.abilities-container .abilities-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap}.abilities-container .abilities-wrapper .abilities-children{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:1rem 1.5rem;max-width:50%}.abilities-container .abilities-wrapper .abilities-children .abilities-fixed{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.abilities-container .abilities-wrapper .abilities-children .abilities-fixed>span{background-color:#4c2b64;border-radius:15px;margin:.5rem;padding:.5rem}.abilities-container .abilities-wrapper .abilities-children .abilities-choice,.abilities-container .abilities-wrapper .abilities-children .abilities-selected{display:flex;flex-wrap:wrap}.abilities-container .abilities-wrapper .abilities-children .abilities-choice>span,.abilities-container .abilities-wrapper .abilities-children .abilities-selected>span{background-color:gray;border-radius:15px;text-align:center;margin:.5rem;padding:.5rem;cursor:pointer;transition:all .4s ease-in-out}.abilities-container .abilities-wrapper .abilities-children .abilities-choice>span:hover,.abilities-container .abilities-wrapper .abilities-children .abilities-selected>span:hover{background-color:#1a384c}.abilities-container .abilities-wrapper .abilities-children .abilities-selected>span{background-color:#6c5ce7}.additional-container{display:flex;align-items:center;flex-direction:column;font-size:1.25rem;margin:2rem}.additional-container .additional-title{font-size:1.5rem;font-weight:700}.additional-container .additional-wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap}.additional-container .additional-wrapper .additional-children{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:1rem 1.5rem;max-width:50%}.additional-container .additional-wrapper .additional-children>ul li{list-style-type:square}.additional-container .additional-wrapper .additional-children>b{margin-top:1rem}.export-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.export-container .export-button{margin:2rem 0;padding:.8rem;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:#ce9e35;border:none;border-radius:8px;color:#fff;cursor:pointer}.react-responsive-modal-root{position:fixed;inset:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;inset:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.export-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px}.export-modal .export-buttons{display:flex;gap:.75rem}.export-modal .export-buttons>button{margin:1rem 0rem;padding:.8rem;font-size:1rem;font-weight:700;letter-spacing:2px;min-width:6rem;background-color:#ce9e35;border:none;border-radius:8px;color:#fff;cursor:pointer}.generator{margin:1.5rem 0rem;padding:2rem 0rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;background-color:#9e9e9e4d;color:#fff;max-height:29rem;height:auto;width:80rem}.generator form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.generator form .selectors{display:flex;gap:1rem;align-items:center;justify-content:center}.generator form .selectors>b{font-size:1.5rem;font-weight:medium}.generator form #descriptor,.generator form #type,.generator form #foci{margin:1rem 0rem;padding:.75rem 0rem;font-size:1rem;background-color:transparent;font-weight:700;font-size:1.1rem;text-align:center;outline:none;border-bottom:3px solid white;border-top:none;border-left:none;border-right:none;color:#fff;cursor:pointer}.generator form #descriptor>option,.generator form #type>option,.generator form #foci>option{color:#000}.generator form .buttons{display:flex;gap:1rem}.generator form .buttons .submit-button,.generator form .buttons .randomize-button,.generator form .buttons .reset-button{margin:1rem 0rem;padding:.8rem;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:#1a384c;border:none;border-radius:8px;color:#fff;transition:all .45s ease-in-out;cursor:pointer}.generator form .buttons .submit-button:hover,.generator form .buttons .randomize-button:hover,.generator form .buttons .reset-button:hover,.generator form .buttons .randomize-button{background-color:#f2fafc;color:#333}.generator form .buttons .randomize-button:hover{background-color:#6c5ce7;color:#fff}.generator form .buttons .reset-button{background-color:#fff;color:#333}.confirmation-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px}.confirmation-modal .confirmation-buttons{display:flex;gap:.5rem}.confirmation-modal .confirmation-buttons>button{margin:1rem 0rem;padding:.8rem;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:#1a384c;border:none;border-radius:8px;color:#fff}.confirmation-modal .confirmation-buttons>button.cancel{background-color:#d64545;color:#f2fafc}.get-started>a{padding:1rem;text-decoration:none!important;color:#fff!important;background-color:#1a384c!important;border:none;border-radius:8px;transition:all .4s ease-in-out}.copyright-container{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;font-size:1.25rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem;height:31rem}.copyright-container h1{margin:1rem 0rem}.copyright-container>p{max-width:80%;margin-bottom:1rem}.copyright-container>p>a{color:#2e97aa;text-decoration:none}.copyright-container>p>a:visited{color:#c5c0b1}.about-container{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;font-size:1.25rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem;padding-bottom:1rem}.about-container h1{margin:1rem 0rem}.about-container>p{max-width:80%;margin-bottom:1rem}.about-container>a{color:#c5c0b1;margin:.5rem 0rem}.get-started{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;font-size:1.25rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem;height:8rem;justify-content:center}.get-started>a{padding:1rem;text-decoration:none;background-color:#1a384c;border:none;border-radius:8px;transition:all .4s ease-in-out}.get-started>a:visited{color:#fff}.get-started>a:hover{background-color:#f2fafc!important;color:#000!important}.character-history-container{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;font-size:1.25rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem;padding-bottom:1rem}.character-history-container h1{margin:1rem 0rem}.character-history-container>p{max-width:80%;margin-bottom:1rem}.character-history-container>a{color:#c5c0b1;margin:.5rem 0rem}.character-history-container .character-history-actions{display:flex;justify-content:center;align-items:center;width:100%;padding:.25rem}.character-history-container .character-history-actions button{margin:1rem 0rem;padding:.8rem;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer}.character-history-intro{display:flex;align-items:center;flex-direction:column;border-radius:15px;margin-bottom:2rem;background-color:#9e9e9e4d;color:#fff;height:auto;width:80rem;height:10rem;padding:.5rem;justify-content:center;font-size:1.25rem}.character-history-intro p{padding:1rem;color:#fff}.character-history-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.character-history-list .character-history-item .character-history-fake-link{font-size:1rem;cursor:pointer;text-decoration:underline}.mobile-menu .menu-button{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;font-size:1rem;font-weight:700;letter-spacing:2px;background-color:#1a384c;border:none;border-radius:8px;color:#fff;transition:all .35s ease-in-out}.mobile-menu-links{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;border-radius:.5rem;padding:1rem;width:50%;background-color:#9e9e9ef2;color:#fff;font-weight:700;position:fixed;bottom:5.25rem;right:1.5rem}.mobile-menu-links>a{text-decoration:none;font-size:1.25rem;transition:all .35s ease-in-out}.mobile-menu-links>a:visited{color:#fff}