*{margin:0;padding:0}#hexGrid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:90%;margin:50px auto 60px;overflow:hidden;font-size:15px;list-style-type:none}.hex{position:relative;visibility:hidden;outline:1px solid transparent}.hex:after{content:"";display:block;padding-bottom:86.602%}.hexIn{width:96%;padding-bottom:110.851%;margin:0 2%;overflow:hidden;visibility:hidden;-webkit-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg)}.hexIn,.hexIn *{position:absolute;outline:1px solid transparent}.hexIn *{visibility:visible}.hexLink{display:block;width:100%;height:100%;text-align:center;color:gold;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg)}.hex img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)}.hex h1,.hex p{width:100%;padding:5%;box-sizing:border-box;background-color:rgba(165,41,19,.8);font-weight:700;transition:opacity .3s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,opacity .3s ease-out;transition:transform .2s ease-out,opacity .3s ease-out,-webkit-transform .2s ease-out}.hex h1{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hex h1:after{content:"";position:absolute;bottom:0;left:35%;width:30%;text-align:center;border-bottom:1px solid gold}.hex p{top:50%;padding-bottom:50%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);color:#daa520}.hexLink:focus h1,.hexLink:focus p,.hexLink:hover h1,.hexLink:hover p{-webkit-transform:translateZ(0);transform:translateZ(0)}@media (min-width:1201px){#hexGrid{padding-bottom:4.4%}.hex{width:20%}.hex:nth-child(9n+6){margin-left:10%}}@media (max-width:1200px) and (min-width:901px){#hexGrid{padding-bottom:5.5%;font-size:80%}.hex{width:25%}.hex:nth-child(7n+5){margin-left:12.5%}}@media (max-width:900px) and (min-width:601px){#hexGrid{padding-bottom:7.4%;font-size:80%}.hex{width:33.333%}.hex:nth-child(5n+4){margin-left:16.666%}}@media (max-width:600px){#hexGrid{padding-bottom:11.2%}.hex{width:50%}.hex:nth-child(3n+3){margin-left:25%}}@media (max-width:400px){#hexGrid{font-size:13px}}.login-row{height:310px}.login-row,.register-row{background-color:#440a06;width:420px;padding:20px 10px;margin:auto;border-top:7px solid #8b0000;border-bottom:7px solid #8b0000}.register-row{height:490px}.form-p{padding:5px}.login-text{display:block;width:85%;border:none;border-bottom:1px solid #fff;padding:1em;font-size:1em;color:gold;margin:35px 0 12px 8px;outline:none;transition:all .3s cubic-bezier(.64,.09,.08,1);background-color:initial;box-shadow:inset 0 0 0 30px #440a06}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #440a06 inset!important;-webkit-text-fill-color:gold!important}::-webkit-input-placeholder{color:#b8860b}.login-submit{font-size:1em;background-color:brown;color:#fff;width:100%;height:50px;outline:none;border:none;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:1px;cursor:pointer}.login-submit:hover{background-color:#8b0000}.form-p{margin-top:5px;font-size:1.1em;color:#fff;letter-spacing:3px;text-align:center}.form-label{float:left}.login-signup{height:50px;width:100%;display:-webkit-flex;display:flex}.selected-section{color:#b8860b;text-align:center;-webkit-align-self:center;align-self:center;font-weight:700}.selected-section,.unselected-section{font-size:1em;outline:none;border:none;letter-spacing:1px}.unselected-section{color:#fff}.login-signup-unselected-btn:hover{background-color:#8b0000}.login-signup-selected-btn{background-color:#8b0000}.login-signup-selected-btn,.login-signup-unselected-btn{width:50%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.login-signup-unselected-btn{background-color:brown;transition:all .5s;text-align:center;cursor:pointer}.login-signup-title{color:#daa520;font-size:4em}.disclaimer,span{color:grey}.example-btn{font-size:1em;background-color:#a84c0a;border-color:#263a04;color:#ffdead;width:350px;height:50px;outline:none;border-style:outset;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:2px;border-radius:5px;cursor:pointer}.example-btn:hover{background-color:#d16315}.player-login-btn{font-size:1em;background-color:#8b0000;color:#deb887;width:440px;height:50px;outline:none;border:none;margin:0;transition:all .5s;text-align:center;letter-spacing:1px;cursor:pointer}.player-login-btn:hover{background-color:#a84c0a}.topbar{width:100%;height:50px;background-color:#8b0000;position:fixed;z-index:2;top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border-bottom-right-radius:20px;border-bottom-left-radius:20px}.topbar-section{padding:0 20px}.logout-btn{border-color:brown;border-style:groove;border-radius:5px;height:40px;background-color:#d2691e;padding:5px 10px;font-weight:700;color:#000;border-bottom-right-radius:20px}.logout-btn:hover{background-color:#daa520}.settings-btn{border-color:brown;border-style:groove;border-radius:5px;height:40px;background-color:#d2691e;padding:5px 10px;font-weight:700;color:#000;border-bottom-left-radius:20px}.settings-btn:hover{background-color:#daa520}.topbar-username{font-size:40px;color:#000;padding-right:10px}.topbar-gamename{font-size:34px;color:#000}.bottombar{width:100%;height:50px;background-color:#8b0000;position:fixed;bottom:0;z-index:2;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border-top-right-radius:20px;border-top-left-radius:20px}.bottombar-main{width:80%}.bottombar-main,.bottombar-right{padding:0 20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.bottombar-right{-webkit-justify-content:flex-end;justify-content:flex-end}.newGame-btn{border-color:brown;border-style:groove;border-radius:5px;height:40px;background-color:#d2691e;padding:5px 10px;font-weight:700;color:#050;border-top-right-radius:20px}.newGame-btn:hover{background-color:#daa520;color:#006400}.current-game{background-color:#daa520;border-color:#b8860b;color:#006400}.current-game,.other-game{padding:10px;border-radius:10px;border-style:solid;font-weight:700;margin-left:10px}.other-game{background-color:#b8860b;border-color:#daa520;color:#8b0000}.delete-btn{border-color:brown;border-style:groove;border-radius:5px;height:40px;background-color:#d2691e;padding:5px 10px;font-weight:700;color:#8b0000;border-top-left-radius:20px}.delete-btn:hover{background-color:#daa520}.stat{font-size:2em}.statButton{background-color:#deb887;border-color:bisque;font-weight:700;visibility:hidden}.statDown{float:left;margin-left:1em;padding:.1em .5em .1em 1em;border-radius:30px 0 0 20px}.statDown:hover,.statUp:hover{background-color:peru;border-color:#deb887}.statUp{float:right;margin-right:1em;padding:.1em 1em .1em .5em;border-radius:0 30px 20px 0}.baseStat{font-family:Arial,Helvetica,sans-serif;font-size:1.7em}.statHr{border-color:#8b0000}.editProfs{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.editProfBox{margin-top:20%;border-radius:10px;border-style:groove;border-color:#8b0000;background-color:#500;padding:1em 1em .5em;width:30vw;z-index:5}.prof-have{color:bisque}.prof-have:hover{color:peru;cursor:pointer}.prof-need{color:#8b4513}.prof-need:hover{color:peru;cursor:pointer}.playerStat{border:2px solid #8b0000;padding:2px;border-radius:5px;margin:1px}.playerStat,.playerStat-inner{background-color:#500;color:bisque}.playerStat-inner{border-style:none;width:100%}.playerStat-inner:hover{color:peru}.baseStat-inner,.player-proficiencies{background-color:#500;border-style:none;color:bisque;width:100%}.player-proficiencies{text-align:left}.player-proficiencies:hover{color:peru}.stat-profs{font-weight:700;color:#deb887;font-size:110%;display:block;text-align:center}.player-proficiencies:hover .stat-profs{color:#daa520}.playerStat:hover{color:peru}.baseStat-inner:hover .statButton{visibility:visible}.proficiencies{padding:2px;font-weight:300;text-align:left}.abilityList a h3{margin-top:.5em;color:bisque}.abilityList a h3:hover{color:peru}.addSpell{margin-top:11.5%;border-radius:10px;border-style:groove;border-color:#8b0000;background-color:#500;padding:2vh;width:30vw;height:33em;z-index:5}.spellCheckBoxfalse{margin:2em;color:#8b4513}.spellCheckBoxfalse:hover{cursor:pointer}.spellCheckBoxtrue{margin:2em;color:#ffdead;font-weight:700}.spellCheckBoxtrue:hover{cursor:pointer}.addItem{margin-top:10px;border-color:#8b0000;background-color:#830000;color:bisque;width:60%;-webkit-align-self:center;align-self:center;padding:5px;margin-bottom:10px;font-weight:700}.addItem:hover{background-color:#700}.addText{min-width:177px}.addText,.spellText{background-color:#400;padding:5px;border-color:#8b0000;resize:none;color:#daa520}.spellText{margin:2px 5px;min-width:10px;width:100px}.newSpell{text-align:center}.addItemP{color:#deb887}.editItem{background-color:#006400;border-color:peru;position:absolute;top:5px;right:5px;color:#040;height:4vh;width:6vw;font-weight:700;border-radius:5px;border-style:groove}.editItem:hover{border-color:#2f4f4f;color:#daa520}.deleteItem{background-color:#8b0000;border-color:peru;position:absolute;top:5px;left:5px;color:#400;height:4vh;width:6vw;font-weight:700;border-radius:5px;border-style:groove}.deleteItem:hover{border-color:#8b0000;color:#daa520}.search-spells{margin-left:.5em;background-color:peru;border-color:#b8860b;padding:3px;border-radius:2px;font-weight:700;color:#000}.itemModal{position:absolute;top:15vh;left:30vw;border-radius:1px;border-style:inset;border-color:peru;padding:1vh 2vh 3vh;width:40vw;height:40vh;overflow:hidden}.itemModal,.itemModalInner{background-color:#d2691e;color:#ffdead;z-index:3}.itemModalInner{width:100%;height:92%;margin-top:1vh;overflow:scroll}.im-top{top:0;left:0;height:15vh;width:100vw}.im-right,.im-top{position:absolute;z-index:5;opacity:0}.im-right{top:15vh;right:0;height:45vh;width:27.5vw}.im-bottom{bottom:0;height:40vh;width:100%}.im-bottom,.im-left{position:absolute;left:0;z-index:5;opacity:0}.im-left{top:15vh;height:45vh;width:30vw}.itemHr{border-color:peru;margin:1vh 8vw 0}.itemHeader{font-size:200%;font-family:Blinker,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;padding:0}.itemDescription{padding:1em 10%;text-align:left;white-space:pre-wrap}.editDescription{padding:1em;min-width:177px;width:80%;height:90%}.editDescription,.editSpellText{background-color:#8b4513;border-color:peru;resize:none;color:#ffdead}.editSpellText{padding:5px;margin:2px 5px;min-width:10px;width:100px}.playerDetails{display:-webkit-flex;display:flex;height:90%}.playerHeader{height:8%}.pdColumn{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px;width:20%;height:100%;overflow:hidden;overflow:scroll;scrollbar-width:none}.pdSectionBreak{margin:10px 0 0;width:50%;-webkit-align-self:center;align-self:center;border-color:#8b0000}.playerInfoContainer{border:2px solid #8b0000;background-color:#8b0000;border-radius:10px;padding:2px 0;width:100%;margin-top:.5em}.profilePic{margin-top:1vh;width:14.5vw;height:14.5vw}.profilePic:hover{-webkit-filter:sepia(100%);filter:sepia(100%)}.pdColumn h3,h1{color:#deb887}.info-string{font-size:3vw}.charName{font-size:3.5vh}.charName:hover,.playerName:hover{color:peru}.playerName{font-size:2.5vh}.editField{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.editBox{height:10em}.addBox,.editBox{margin-top:20%;border-radius:10px;border-style:groove;border-color:#8b0000;background-color:#500;padding:2vh;width:30vw;z-index:5}.addBox{height:20em}.info-header{font-size:1.2em}.info-header,.stat-header{font-weight:700;color:#deb887}.stat-header{font-size:1.75em}.cancel-btn{font-size:1em;background-color:#8b0000;color:#fff;width:10vw;height:3vw;max-width:150px;max-height:50px;outline:none;border:none;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:1px}.cancel-btn:hover{background-color:#700;color:#deb887}.accept-btn{font-size:1em;background-color:#006400;color:#fff;width:10vw;height:3vw;max-width:150px;max-height:50px;outline:none;border:none;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:1px}.accept-btn:hover{background-color:#050;color:#deb887}.playerInfoBox{margin:.5%;width:44%}.playerInfoBox,.playerInfoBoxWide{display:inline-block;border:2px solid #8b0000;background-color:#500;padding:1%;border-radius:15px;color:bisque}.playerInfoBoxWide{margin:1px;width:94%}.playerInfoBox:hover,.playerInfoBoxWide:hover{color:peru}button span{pointer-events:none}.edit-input{width:200px;font-size:2em;margin-top:-10px;text-align:center;color:peru}.deletePlayer,.edit-input{background-color:#400;border-color:#8b0000}.deletePlayer{position:absolute;top:5px;left:5px;color:#8b0000;height:4vh;width:6vw;font-weight:700;border-radius:5px;border-style:ridge}.deletePlayer:hover{border-color:#ff4500;color:#ff4500}.close-modal{background-color:#006400;position:absolute;top:5px;right:5px;color:khaki;height:1.2em;width:1.2em;font-weight:700;border-radius:5px;border:1px solid green;font-size:2em}.close-modal:hover{border-color:khaki;color:#90ee90}.sWidth{font-size:2em}@media screen and (max-width:800px){.sWidth{font-size:4vw}}@media screen and (min-width:1200px){.info-string{font-size:1em}}.levelPrompt{position:absolute;top:0;left:0;width:100%;height:250px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.levelBox{margin-top:10%;border-radius:10px;border-color:#8b0000;background-color:#d2691e;padding:2vh;width:30vw;height:13vh}.levelBox,.testUserModal{border-style:inset;z-index:3}.testUserModal{position:absolute;top:30vh;left:30vw;border-radius:1px;border-color:brown;background-color:#8b0000;color:#ffdead;padding:1vh 2vh 0;width:40vw;height:auto;overflow:scroll}.testUser-btn{font-size:1em;background-color:#006400;border-color:#263a04;color:#ffdead;width:10vw;height:3vw;max-width:150px;max-height:50px;outline:none;border-style:outset;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:1px}.testUser-btn:hover{background-color:#050;color:#deb887}.tutorial-container{position:absolute;top:10%;left:10%;bottom:10%;right:10%;width:80%;height:80%;z-index:4;padding:10px;border-radius:5px}.tut-active{background-color:rgba(200,0,0,.2);border-radius:2em}.continue-btn{font-size:1em;background-color:#006400;color:#fff;width:5vw;height:3vh;max-width:150px;max-height:50px;outline:none;border:none;margin:1em 0 0;transition:all .5s;text-align:center;letter-spacing:1px;border-radius:2px}.continue-btn:hover{background-color:#050;color:#deb887}.step1{left:15vw;top:15vh;border-radius:50% 20px 20px 50%;padding:1em 1em 1em 4em}.step1,.step2{position:absolute;width:20vw;background-color:#faebd7;color:#483d8b;box-shadow:5px 10px rgba(0,0,0,.5)}.step2{left:30vw;top:25vh;border-radius:10%;padding:1em}.step3{left:42vw;top:35vh;width:20vw;border-radius:20px 50% 50% 20px;padding:1em 4em 1em 1em}.step3,.step4{position:absolute;background-color:#faebd7;color:#483d8b;box-shadow:5px 10px rgba(0,0,0,.5)}.step4{left:45vw;top:45vh;width:35vw;border-radius:50% 20px 20px 50%;padding:1em 1em 1em 4em}.step5{position:absolute;left:35vw;top:25vh;width:30vw;background-color:#faebd7;border-radius:20px;color:#483d8b;padding:1em;z-index:5;box-shadow:5px 10px rgba(0,0,0,.5)}.testUserModal .itemDescription{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.playerSheet{position:absolute;top:2%;left:2%;width:95%;height:90vh;background-color:#5a0202;color:#faebd7;padding:10px;border-radius:25px;overflow:hidden}.player-logout{background-color:#006400;position:absolute;top:15px;right:15px;color:khaki;height:2em;width:5vw;font-weight:700;border-radius:5px;border:1px solid green;font-size:1vw}.player-logout:hover{border-color:khaki;color:#90ee90}.playerSheet,.playerSheet .player-proficiencies{font-size:1vw}.playerSheet .abilityList{font-size:120%}.playerSheet .stat{font-size:2vw}.playerSheet .info-header{font-size:1.5vw}.mobileFix{margin:3vh 0}.pItemModal{position:absolute;top:15vh;left:25vw;border-radius:1px;border-style:inset;border-color:peru;background-color:#d2691e;color:#ffdead;padding:1vh 2vh 3vh;width:50vw;height:60vh;z-index:3;overflow:hidden}.pItemHeader{font-size:3vw;font-family:Blinker,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;padding:0}.pItemDescription{padding:1em 10%;text-align:left;white-space:pre-wrap;font-size:1.25vw}@media screen and (max-width:1200px){.info-string{font-size:2.5vw}.stat-header{font-size:2.2vw}.baseStat{font-size:2vw}.statButton{margin:.3em 0 0;padding:0;border-radius:50%;width:1.2em}.info-header,.profList,.stat-profs{font-size:1em}.pdColumn h1,.pdColumn h3{font-size:1.1em}.stat{font-size:1.7em}.deletePlayer{font-size:1.2vw}}body{margin:0;padding:20px 0 0;font-family:Blinker,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#263a04;font-size:16px}a:link,a:visited{color:bisque;text-decoration:none}a:hover{color:peru}code{font-family:Blinker,sans-serif}.infoModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.infoModal-main{position:fixed;background:#006400;width:400px;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:5px}.playerInfo{position:absolute;top:10%;left:10%;bottom:10%;right:10%;width:80%;height:80%;background-color:#5a0202;color:#faebd7;padding:10px;border-radius:5px}::-webkit-scrollbar{width:0;background:transparent}.display-block{display:block}.display-none{display:none}.closeModal{opacity:0}.cm-top{left:0;height:10%;width:100%}.cm-right,.cm-top{position:absolute;top:0}.cm-right{right:0;height:100%;width:10%}.cm-bottom{bottom:0;height:10%;width:100%}.cm-bottom,.cm-left{position:absolute;left:0}.cm-left{top:0;height:100%;width:10%}.savePrompt{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.promptBox{margin-top:20%;border-radius:10px;border-style:inset;border-color:#8b0000;background-color:#d2691e;padding:2vh;width:30vw;height:10vh;z-index:3}.deletePrompt{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.deleteBox{margin-top:20%;border-radius:10px;border-style:inset;border-color:#8b0000;background-color:#d2691e;padding:2vh;width:30vw;height:10vh;z-index:3}.lineBreaks{white-space:pre-line}.info-text{padding:1em;color:gold;margin:12px;transition:all .3s cubic-bezier(.64,.09,.08,1);background-color:initial;box-shadow:inset 0 0 0 30px #440a06}.info-submit,.info-text{width:150px;border:none;font-size:1em;outline:none}.info-submit{background-color:brown;color:#fff;height:50px;margin:1em 0;transition:all .5s;text-align:center;letter-spacing:1px}.info-submit:hover{background-color:#8b0000}button:focus{outline:0}.small-screen{position:absolute;top:10%;left:10vw;width:78vw;padding:1vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#d2691e}.App{text-align:center}
/*# sourceMappingURL=main.bbfbb1f4.chunk.css.map */