body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Open Sans,sans-serif}footer,nav{padding:.5% 0}footer,nav{background-color:#010d1e}nav{position:fixed;top:0;left:0;right:0;z-index:10}header{padding:45px 15px}a{text-decoration:none}a,a:visited{color:#fff}a:hover{color:#ffb72f;font-weight:700}section{padding:10px 15px;border-bottom-style:solid}p{margin:0 auto;max-width:650px}p+p{margin-top:15px}.logo{max-width:300px}.add-character-button{padding:.7em 1.4em;margin:1em .5em .5em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;text-align:center;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;background-color:#010d1e;color:#fff;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);position:relative}.add-character-button:active{top:.1em}.add-character-button:hover{background-color:#ffb72f;color:#010d1e}.Hyph{margin-right:5px;margin-left:5px}.Input,.Textarea{border:1px solid #ddd;display:block;font-size:1.1em;margin-bottom:10px;padding:10px;text-align:left;width:100%;border-radius:4px}.Input::-webkit-input-placeholder,.Textarea::-webkit-input-placeholder{color:#ccc}.Input:-ms-input-placeholder,.Textarea:-ms-input-placeholder{color:#ccc}.Input::-ms-input-placeholder,.Textarea::-ms-input-placeholder{color:#ccc}.Input::placeholder,.Textarea::placeholder{color:#ccc}.Textarea{resize:vertical}.Button{order:1px solid #aaa;background-color:#eee;font-size:1.1em;border-radius:4px;padding:8px 12px;font-weight:700}.Required{color:#ca1551;font-family:Arial;font-weight:700}.Section{margin-left:20px;margin-right:20px}.Section--list{margin-left:10px;margin-right:10px}.loginButton{padding:.7em 1.4em;margin:1em .5em .5em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;text-align:center;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;background-color:#010d1e;color:#fff;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);position:relative}.loginButton:active{top:.1em}.loginButton:hover{background-color:#ffb72f;color:#010d1e}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;font-size:20px;color:#444;line-height:1.5;display:flex;justify-content:center}body,h1{text-align:center}section{position:relative;min-height:200px;background-color:#fff}.new-character-question,section{min-width:400px;border:0}.CharacterForm__add-character-button{padding:1.4em 2.1em;margin:0 .3em .3em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;text-align:center;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;color:#fff;background-color:#010d1e;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);position:relative}.CharacterForm__add-character-button:active{top:.1em}.CharacterForm__add-character-button:hover{background-color:#ffb72f;color:#010d1e}.new-character-name{padding:.8em 1.1em;margin:0 .3em .3em 0;border-radius:.15em;border-bottom-style:2px #010d1e solid}.CharacterListMain,.CharacterPageMain ul{align-content:space-between}.CharacterPageMain ul{list-style-type:none;margin:5px;padding:25px 10px 10px;display:flex;justify-content:center;flex-flow:row wrap}.CharacterPageMain li{padding:10px;margin:10px;color:#fff;background-color:#041a3a;border:2px solid #041a3a;border-radius:25px;min-width:200px;max-width:300px}h2{padding-top:100px}.GroupHeading{display:flex;justify-content:center;align-content:space-between}.GroupHeading,.GroupHeading h3{background-color:#ffb72f;border:2px solid #ffb72f;border-radius:25px}.GroupHeading h3{padding:10px;margin:10px;max-width:350px}h4{color:#fff}.Character{position:relative;border-radius:10px;box-shadow:inset 0 -.6em 0 -.35em rgba(77,74,74,.17);padding:.5em;margin-top:2em;font-weight:900;background-color:#010d1e;color:#fff;height:100px;min-width:300px;max-width:550px}.Character__Options{--character-button-height:100px;background-color:#041a3a;border:0;border-radius:10px;margin:1px 0 15px 15px;color:#fff;float:right;font-size:12px;-webkit-transform-origin:right bottom;transform-origin:right bottom;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);width:var(--character-height)}.Character__Options:hover{background-color:#ffb72f;color:#010d1e;cursor:pointer;font-weight:700}.name a{color:#fff}.name a:hover{color:#ffb72f}.CharacterListMain{display:flex;justify-content:center}.CharacterListMain ul{list-style-type:none;margin:0;padding:75px 10px 10px}.CharacterListMain p{margin:0}.add-character-button-list{position:fixed;bottom:0;display:block;padding:.7em 1.4em;margin:1em .5em .5em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;text-align:center;font-family:Roboto,sans-serif;text-transform:uppercase;font-weight:400;background-color:#010d1e;color:#fff;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17)}.add-character-button-list:active{bottom:.1em}.add-character-button-list:hover{background-color:#010d1e;color:#fff}
/*# sourceMappingURL=main.3827d637.chunk.css.map */