@import url(https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@1,300;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Parisienne&display=swap);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}.header{width:100%;height:200px;background-color:#000;display:flex;flex-direction:row;justify-content:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.header #burger{position:absolute;right:0}.header #burger #hamburger{margin-right:100px;margin-top:50px}h1{font-family:"Newsreader",serif;float:left;font-size:100px}body,h1{color:#fff}.nav{width:100%}span{display:flex;margin-left:15px}h3{padding:10px}nav{width:80%;margin:0 auto;padding:10px 0}nav ul{list-style:none;text-align:center}nav ul li{display:inline-block}nav ul li p{display:block;padding:15px;text-decoration:none;color:#aaa;font-weight:800;text-transform:uppercase;margin:0 10px;font-family:"Newsreader",serif}nav ul li p,nav ul li p:after,nav ul li p:before{transition:all .5s}nav ul li p:hover{color:#9104a3}nav.fill ul li p,nav.stroke ul li p{position:relative}nav.fill ul li p:after,nav.stroke ul li p:after{position:absolute;bottom:0;left:0;right:0;margin:auto;width:0;content:".";color:transparent;background:#9104a3;height:1px}nav.stroke ul li p:hover:after{width:100%}nav.fill ul li p{transition:all 2s}#hamburger{float:right}#hamburger div{width:30px;height:2px;background-color:#fff;margin:6px 0}#sidebar{background-color:#111;width:250px;height:100vh;float:right;text-align:center;position:relative;display:flex;flex-direction:column;font-family:"Yanone Kaffeesatz",sans-serif;animation:slideInRight .25s 1;animation-timing-function:linear;z-index:1}#sidebar div:first-child .outer{position:relative;width:30px;margin:75px 20px auto auto;float:right;cursor:pointer}#sidebar div:first-child .inner{width:inherit;text-align:center}#sidebar div:first-child label{font-size:.8em;line-height:4em;text-transform:uppercase;color:#fff;transition:all .3s ease-in;opacity:0;cursor:pointer}#sidebar div:first-child .inner:after,#sidebar div:first-child .inner:before{position:absolute;content:"";height:1px;width:inherit;background:purple;left:0;transition:all .3s ease-in}#sidebar div:first-child .inner:before{top:50%;transform:rotate(45deg)}#sidebar div:first-child .inner:after{bottom:50%;transform:rotate(-45deg)}#sidebar div:first-child .outer:hover label{opacity:1}#sidebar div:first-child .outer:hover .inner:after,#sidebar div:first-child .outer:hover .inner:before{transform:rotate(0)}#sidebar div:first-child .outer:hover .inner:before{top:0}#sidebar div:first-child .outer:hover .inner:after{bottom:0}#sidebar div:last-child{position:absolute;bottom:0;width:100%}#sidebar p{position:relative;color:#fff;overflow:hidden;background:linear-gradient(90deg,purple,purple 50%,#fff 0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 1s ease;text-decoration:none}#sidebar p:hover{background-position:0 100%;cursor:pointer}@keyframes slideInRight{0%{width:0}25%{width:62.5px}50%{width:125px}75%{width:187.5px}to{width:250px}}#footer{position:absolute;bottom:0;width:100vw;text-align:center}main{display:flex;flex-direction:rows}main div:first-child{width:30%;display:flex;flex-direction:column;margin-left:2.5%}main div:first-child h3{border:none}main div:nth-of-type(2){padding-left:2.5%;width:30%}main div:nth-of-type(2) div{display:flex;flex-wrap:wrap;justify-content:space-around;align-content:flex-end}main div:nth-of-type(2) span{display:flex;flex-direction:column;width:25%}main div:nth-of-type(2) img{object-fit:cover;width:100px;height:100px}main div:nth-of-type(2) h4{color:#fff}main div:nth-of-type(3){padding-left:2.5%;width:25%}main div:nth-of-type(3) div,main div:nth-of-type(3) div span{display:flex;flex-direction:column}main div:nth-of-type(3) div span p{height:55px;overflow:hidden}#splash{width:100vw;height:100vh;background:linear-gradient(-45deg,#000,#0f0a11,#281736,#29143a,#0f0a11,#000);background-size:400% 400%;animation:gradient 15s ease infinite}#splash div{display:flex;flex-direction:column;align-content:center;margin-left:10%}#splash div h1{margin-top:20%}#splash div h3{border:none;font-size:25px;margin-top:-6%}#splash div span button{background:none;border:2px solid #fff;color:#fff;line-height:1;margin:.5em;padding:1em}#splash div span button:focus,#splash div span button:hover{box-shadow:0 .5em .5em -.4em var(--hover);transform:translateY(-.25em)}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container{display:flex;flex-direction:column}.login{background-color:#f5f5f5;height:200px;width:500px;margin-top:-115px;margin-left:auto;margin-right:auto;color:grey;display:flex;justify-content:center}h2{text-align:center;width:90%;color:#fff;font-size:60px;float:left;padding:50px}form,h2{font-family:"Newsreader",serif}form{display:flex;flex-direction:column;justify-content:center;margin-bottom:50px}.text{width:200px;margin-bottom:10px;padding:5px}.label{margin-bottom:5px}button{width:100px;font-family:"Newsreader",serif}body{width:100%}#form{width:80%;display:flex;flex-direction:row;margin-left:auto;margin-right:auto}#form form{width:45%;padding-left:5%}#form div:first-child{display:flex;flex-direction:column;align-content:center;margin-top:4%}#form div:first-child img{object-fit:cover;width:400px;height:400px;margin-top:8.5%}#form div:first-child button{width:200px}.textArea{height:300px;overflow:scroll}.accordion{display:flex;flex-direction:column;animation:accordionOpen .25s 1}@keyframes accordionOpen{0%{height:0%}20%{height:20%}40%{height:40%}60%{height:60%}80%{height:80%}to{height:100%}}#main{justify-content:center;padding-top:25px;display:flex;flex-wrap:wrap}body{background-color:#000}#char-info{overflow:scroll;width:100%}.char-sheet{height:30px}.char-sheet p{margin-right:5px}#addCharButton{width:100%;display:flex;justify-content:center}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;width:400px;margin:10px;background-color:#fff;color:#000}.card h3{margin-left:auto;margin-right:auto;margin-bottom:-30px;padding-bottom:30px;border-bottom:none;text-align:center;font-family:"Parisienne",cursive;font-size:25px}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.container{padding:25px;height:200px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.container button{margin-top:10px;width:80%;height:25px}@media(max-width:500px){.container{width:50%}}#page{display:flex;justify-content:center;align-content:center;flex-direction:column}#page h2{margin-bottom:-67px;width:100%;text-align:center;width:90%}#page div{margin-left:22.5%;padding:2.5%;background-color:#fff;width:50%;color:#000}
/*# sourceMappingURL=main.dc53763d.chunk.css.map */