@import url(https://fonts.googleapis.com/css?family=Amaranth|Open+Sans);::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;background-color:#121212;color:#fff9;-webkit-user-select:none;user-select:none}body,h1,h2,h3,h4{margin:0;padding:0}h1,h2,h3,h4{color:#ffffffdf}.App{width:100vw}.App,.App *{align-items:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;margin:0;padding:0}.App *{display:flex;font-family:Open Sans,sans-serif;outline:none}.header{background-color:#1e3b56;color:#fff;height:58px;justify-content:center;width:100vw}.page-content{max-width:680px;min-height:calc(100vh - 58px);overflow-x:hidden;padding:16px;width:100vw}.with-bottom-nav{padding-bottom:54px!important}.button-box{align-items:flex-start;flex-direction:row;justify-content:flex-start;max-width:680px;width:100%}.button-box button,.button-box input[type=submit]{margin-left:8px!important;margin-right:0!important}.full-width{width:100%}.button-box input[type=submit]:first-child{margin-left:0!important}.push-start{justify-content:flex-start!important}.push-end{justify-content:flex-end!important}button,input[type=submit]{background-color:#1e3b56;border:2px solid #1e3b56;border-radius:4px;color:#fff9;display:inline-block;font-weight:700;margin-right:8px;padding:8px 24px;transition:background-color .3s}button:hover,input[type=submit]:hover{background-color:#1d68ad;border-color:#1d68ad;cursor:pointer}.flat-button{background-color:#333;border-color:#333;color:#fff9}.flat-button:hover{background-color:#1e3b56;border-color:#1e3b56;color:#fff!important}button.outline-button{background-color:initial;border:1px solid #fff9}button.outline-button:hover{background-color:#fff9;border-color:#fff9;color:#333}button.text-button{background-color:initial;border-color:#0000;color:#fff9;margin-right:24px;padding:4px 8px}button.text-button:hover{background-color:#1e3b56}select{background-color:initial;border:none;color:#fff9;width:100%}.sub-header{align-items:flex-start;justify-content:flex-start;padding-bottom:16px;padding-top:16px;text-align:left;width:100%}.full-button{margin:0!important;padding:8px;width:100%}.icon-button,button.no-margin-button{margin-right:0!important}.icon-button{align-items:center;background-color:#333;border:none;border-radius:12px;color:#fff9;font-size:12px;height:24px;justify-content:center;margin-bottom:8px;padding:0!important;width:24px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}#no-bottom-pad{margin-bottom:0!important;padding-bottom:0!important}.full-width-row{flex-direction:row;width:100%}.grey-color{color:#fff9}.space-styled-inputs .styled-input{margin-right:8px}.space-styled-inputs :last-child{margin-right:0}.input-look-alike{align-items:flex-start;background-color:#333;border-radius:8px;margin-bottom:8px;padding:8px}.input-look-alike :first-child{color:#ffffffdf;font-size:12px;font-weight:700;padding-bottom:2px}@media screen and (min-width:1200px){body{overflow-x:hidden}}h1,h2,h3,h4{font-family:Amaranth!important}body{font-family:Open Sans}.App{align-items:flex-start;display:flex;flex-direction:row}#app-container{display:flex;flex-direction:column}#routes-container{display:flex;justify-content:center;width:calc(100vw - 48px)}.styled-input{background-color:initial;background-color:#333;border-radius:8px;flex-direction:row;margin-bottom:8px;padding:24px 8px 8px;position:relative;width:100%}.styled-input input{background-color:initial;border:none;color:#fff9;font-size:16px;width:100%}.styled-input span{background-color:initial;color:#ffffffdf;font-size:12px;font-weight:700;left:4px;padding:0 4px;position:absolute;top:4px}.styled-input button{align-items:center;background-color:initial;border:none;color:grey;height:100%;justify-content:center;margin:0!important;padding:0!important;width:30px}.add input{text-align:center}.styled-input textarea{background-color:initial;border:none;color:#fff9;height:100%;min-height:100px;resize:none;width:100%}.fill-height{height:100%!important}.text-field-standin{text-align:start;width:100%}#full-bottom-button{align-items:center;bottom:0;justify-content:center;padding-bottom:16px;position:fixed;width:100vw}#full-bottom-button a{color:#ffffffdf;max-width:680px;padding:8px;text-decoration:none;width:92vw}#full-bottom-button a,.char-card{background-color:#242424;border-radius:8px}.char-card{align-items:flex-start;justify-content:flex-start;margin-bottom:16px;padding:16px;transition:.3s;width:100%}.char-card:hover{background-color:#333}#new-character-space{border:4px dashed #333;border-radius:8px;color:#333;font-size:48px;transition:.2s;width:100%}#new-character-space:hover{border-color:#555;color:#555;cursor:pointer}.slot-container{background-color:initial;background-color:#333;border-radius:8px;flex-direction:row;padding:24px 8px 8px;position:relative;width:100%}.main-slot-container{flex-direction:row;left:-8px;position:relative;width:95%}.slot-container input{background-color:initial;border:none;color:#fff9;font-size:16px;text-align:right;width:50%;z-index:5}.slot-box span{color:#ffffffdf;font-size:12px;font-weight:700;left:4px;padding:0 4px;position:absolute;top:4px;z-index:7}.slots-used-display{background-color:#d3d3d3;border-radius:8px;height:28px;left:8px;position:absolute;top:5px;width:130px}.slot-max-number{align-items:flex-start;justify-content:flex-start;padding-left:4px;text-align:left;width:50%;z-index:5}.slot-box button{background-color:initial;border:none;color:grey;margin:0!important;padding:0!important;width:30px!important;z-index:5}.slot-box{align-items:flex-start;position:relative;width:100%}.slot-background{background-color:red;border-radius:8px;height:100%;left:0;max-width:100%;opacity:.15;position:absolute;top:0;transition:.2s}.green-back{background-color:#00c700!important}.yellow-back{background-color:#ff0!important}.multi-input{width:100%}.multi-input .slot-box{flex:1 1}.multi-input .styled-input{flex:1 1;margin-bottom:0!important}.some-stat{align-items:center;background-color:#333;border-radius:8px;justify-content:center;padding-bottom:8px;padding-top:24px;position:relative;width:100px}.some-stat .stat-label{color:#ffffffdf;font-size:12px;font-weight:700;left:4px;padding:0 4px;position:absolute;top:4px}.read-only-stats{flex-direction:row;justify-content:space-between;padding-bottom:16px;width:100%}.read-only-stats .styled-input{margin-bottom:0;width:32%}.weapon-container{align-items:flex-start;background-color:#333;border-radius:8px;margin-bottom:16px;padding:16px;width:100%}.weapon-header{flex-direction:row;justify-content:space-between;padding-bottom:24px;width:100%}.weapon-header span{color:grey}.weapon-stats{flex-direction:row;justify-content:space-between;width:100%}.weapon-stat-box{width:50%}.weapon-stat-box.smaller{width:20%}.weapon-stat-box div{border-bottom:1px solid grey;width:100%}.weapon-stat-box span{color:gray;font-size:12px}.custom-description{padding-bottom:16px}.custom-stat-box{width:48%}.custom-stat-box div{border-bottom:1px solid grey;width:100%}.custom-stat-box span{color:gray}#all-weapons{width:100%}.full-width-box{width:100%!important}.weapon-actions{display:flex;flex-direction:row;justify-content:flex-end;padding-top:16px;width:100%}.editable-weapon-container{justify-content:space-between;margin-bottom:16px;width:100%}#handbook-weapons-chips{background-color:#333;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:8px;max-height:0;min-width:100%;overflow:hidden;padding:0 8px;transition:.2s}#handbook-weapons-chips.open-weapon-chips{max-height:500px;padding:8px}.weapon-chip{background-color:#2f2f2f;border:1px solid #3f3f3f;border-radius:16px;margin-right:8px;padding:4px 8px}#selected-weapon-info{align-items:flex-start;background-color:#333;margin-bottom:8px;max-height:0;padding:0 8px;transition:.2s;width:100%}#selected-weapon-info.open-selected-weapon{max-height:500px;padding:8px}#selected-weapon-info span{padding-left:8px}#selected-weapon-info strong{color:#ffffffd7;padding-right:4px}#selected-weapon-info .magical-description,#selected-weapon-info .magical-description span{padding-top:8px}.outer-box{align-items:center;border:1px solid #1e3b56;justify-content:center}.inner-box,.outer-box{border-radius:4px;height:16px;width:16px}.inner-box{background-color:#1e3b56;opacity:0}.filled-box{opacity:1!important}.box-container{align-items:center;flex-direction:row;justify-content:flex-start;padding-bottom:8px;padding-right:16px}.multi-input{flex-direction:row!important;justify-content:space-between;padding-bottom:16px}.multi-input .styled-input{flex:1 1!important;margin-left:8px}.multi-input .styled-input:first-child{margin-left:0!important}.pack-height{height:35vh;width:100%}.pack-height input{height:100%}.note-height{height:35vh;width:100%}.stat-box{background-color:#1f1f1f;border-radius:8px;position:relative}.stat-box h2{align-items:center;border:2px solid #333;border-radius:8px;color:#fff9;font-size:72px;height:136px;justify-content:center;width:136px}.stat-box .stat-name{font-size:18px;position:absolute;top:16px}.stat-box .stat-save{background-color:#333;border-radius:18px;bottom:-12px;font-size:18px;padding:0 8px;position:absolute;width:48px}@media screen and (max-width:1099px){.stat-box h2{font-size:72px;height:29vw;width:29vw}.stat-box .stat-name{font-size:16px;position:absolute;top:8px;width:72px}.stat-box .stat-save{background-color:#333;border-radius:8px;bottom:4px;font-size:18px;padding:0 8px;position:absolute}.stat-box{padding-bottom:16px}}@media screen and (max-width:350px){.stat-box h2{font-size:36px;height:27vw;width:27vw}.stat-box .stat-name{font-size:10px;position:absolute;top:6px}.stat-box .stat-save{bottom:8px;font-size:14px}}.stats-box{flex-direction:row;justify-content:space-between;padding-bottom:16px;width:100%}.skills-box{position:relative;right:4px;width:100%}.solo-skill{flex-direction:row;justify-content:space-between;margin-bottom:4px;transition:.2s;width:100%}.solo-skill span{height:24px;width:24px}.solo-skill h3{color:#fff9}.selected-skill span{background-color:#1e3b56;color:#fff}.class-ability{border:1px solid gray;justify-content:flex-start;padding-bottom:16px;width:50%}.class-ability *{align-items:flex-start;width:100%}.selected-skill{background-color:#333}.roll-dice-for-skill{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:0;overflow:hidden;transition:.2s;width:0}.selected-skill .roll-dice-for-skill{margin-right:8px;opacity:1;width:24px}#skill-header-and-buttons{align-items:center;flex-direction:row;width:100%}#skill-filter-buttons{flex-direction:row}#skill-filter-buttons button{background-color:initial;border:1px solid grey;color:grey;margin-left:4px;padding:2px 4px!important}#skill-filter-buttons button.selected-skill-button{background-color:#d3d3d3;border:1px solid #d3d3d3;color:#333}.editible-stat{border:2px solid #333;border-radius:8px;padding:8px 8px 0;width:136px}#spells-container{width:100%}.spell-box{align-items:flex-start;background-color:#333;border-radius:8px;margin-bottom:8px;padding:16px;width:100%}.spell-header{padding-bottom:8px}.spell-header,.spell-stats{flex-direction:row;justify-content:space-between;width:100%}.spell-stat-container{width:48%}.spell-stat-container span{border-top:1px solid grey;font-size:12px;width:100%}#spells-list-container{width:100%}.spell-requirement{color:#fff;padding-right:16px}.edit-spell-box{padding-bottom:16px}#add-new-spell-box{border:4px dashed #333;border-radius:8px;margin-bottom:16px;margin-top:16px;padding:16px;width:100%}#search-new-spell{flex-direction:column;width:100%}#handbook-spell-list{background-color:#2f2f2f;width:100%}#current-spell-list{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:0;opacity:0;overflow:scroll;padding-bottom:0;transition:.2s;width:100%}#current-spell-list.show-handbook-spells{max-height:300px;opacity:1;padding-bottom:2px}.spell-in-list{border:1px solid #3f3f3f;border-radius:16px;flex-direction:row;margin:4px;padding:2px 16px;text-align:left;transition:.2s}#selected-spell-data,.spell-in-list,.spell-in-list:hover{background-color:#2f2f2f}#selected-spell-data{height:100%;max-height:500px;overflow:scroll;padding:8px;width:100%}#selected-spell-data b{color:#ffffffd7;padding-right:4px}.spell-requirement{color:#ffffffd7;font-weight:700}.spell-requirements{border-bottom:1px solid #ffffffd7;margin-bottom:8px}.spell-stat-container.full-width-range{width:100%!important}.full-width-row.three-items :first-child{flex:1 1;margin-right:8px}.full-width-row.three-items :nth-child(2){flex:1 1}.full-width-row.three-items :last-child{flex:1 1;margin-left:8px}@media screen and (max-width:1009px){#spells-container{width:100vw}#spells-list-container{padding:0 16px 16px}}#pannels-container{display:flex;flex-direction:row}.pannel-in-viewer{left:0;margin:8px;position:relative;width:500px}.pannel-header{background-color:#1e3b56;color:#fff;padding:16px;position:relative;transition:.5s;width:100%}.pannel-body-container{background-color:#1f1f1f;border-top:none;height:84vh;max-height:84vh;min-width:500px;overflow:scroll;padding:16px}#all-the-pannels{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;width:calc(100vw - 48px)}.second-pannel .pannel-header{background-color:#1d68ad}.second-pannel .pannel-body-container{border-color:#1d68ad}.move-right{left:516px}.fade-out.move-right{opacity:0}#pannel-window{display:flex;flex-direction:row;overflow:hidden;position:relative;width:1032px}.in-transition{transition:.5s}#area-to-add-new-window{left:-516px;max-width:500px;min-height:100%;min-width:500px;opacity:0;position:absolute;top:8px}#area-to-add-new-window.add-in{left:8px;opacity:1}.looks-like-second .pannel-header{background-color:#1d68ad}.looks-like-second .pannel-body-container{border-color:#1d68ad}.header-action{font-size:18px;position:absolute;right:20px;top:20px}@media screen and (max-width:1099px){#pannels-container{flex-direction:column-reverse}.pannel-body-container,.pannel-in-viewer{border:none;margin:0;min-width:0}.pannel-in-viewer{height:calc(100vh - 64px);width:100%}.pannel-body-container{height:100vh;max-height:calc(100vh - 106px);padding:16px 16px 0}#all-the-pannels{width:100vw}#area-to-add-new-window{left:-100vw;max-width:100vw;min-height:100vh;min-width:100vw;opacity:1;position:absolute;top:0}#area-to-add-new-window.add-in{left:0}.move-right{left:100vw}}#side-nav-container{background-color:#333;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:64px}#side-nav-container button{align-items:center;background-color:#333;border:none;border-radius:0;color:#fff9;display:flex;font-size:28px;height:64px;justify-content:center;margin:0!important;padding:0!important;width:100%}#side-nav-container button#sign-out-button{width:100%}@media screen and (max-width:1099px){#side-nav-container{flex-direction:row;height:64px;width:100vw}#side-nav-buttons{display:flex;flex-direction:row}#side-nav-buttons button{border-bottom:none;flex:1 1}#side-nav-container button#sign-out-button{border:none}}#roller-container{align-items:center;background-color:initial;display:flex;height:100vh;justify-content:flex-start;opacity:0;padding-top:84px;position:fixed;transition:.5s;width:100vw;z-index:-10}#roller-body{background-color:#333;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;display:flex;height:180px;justify-content:center;position:relative;top:-48px;transition:.3s;width:180px;z-index:50}#roller-body h1{color:#ffffff80;font-size:84px}.final-color{color:#ffffffdf!important}#roller-screen{background-color:#000;height:100vh;opacity:.3;position:fixed;top:0;width:100vw;z-index:10}#roll-formula{font-weight:700}#all-rolls{display:flex;flex-direction:row}#all-rolls div{padding-right:4px}#roll-formula{color:grey}#roller-container.show-the-roller{opacity:1;transition:.2s;z-index:10}#roller-container.show-the-roller #roller-body{top:0}@media screen and (max-width:1100px){#roller-body{width:92vw}}#character-history-container{align-items:flex-start;width:100%}#character-history-container .full-width{width:100%}#character-history-container .information-container{align-items:flex-start;background-color:#333;border-radius:8px;margin-bottom:8px;padding:8px;position:relative;width:100%}#character-history-container .information-container h2{padding-bottom:8px}.information-container-header{color:#ffffffdf;font-size:12px;padding-bottom:4px}.full-width-row.two-items .information-container{width:48%}.full-width-row.two-items :first-child{margin-right:8px}#class-table{background-color:#1f1f1f;flex-direction:column;width:calc(100vw - 32px)}#class-options,#class-table{display:flex;max-width:960px}#class-options{flex-direction:row;overflow-x:scroll;width:calc(100vw - 48px)}#class-options span{align-items:center;padding:8px;width:100px}.selected-class{background-color:#333;color:#fff}#class-description{padding:8px;width:100%}#class-description h3,#class-description h4{align-items:flex-start;font-weight:300;width:100%}#class-description span{align-items:flex-start;width:100%}.class-detail{padding-bottom:16px;width:100%}.header-container{background-color:#1e3b56;color:#fff;height:58px;justify-content:center;position:relative;width:100vw;z-index:10}.hamberger-icon{flex-direction:column;height:58px;justify-content:space-around;left:0;padding:16px;position:absolute;top:0;width:58px;z-index:10}.hamberger-icon span{background-color:#fff;height:3px;transition:.3s;width:100%;z-index:10}#nomal-bar{position:relative;top:0}#hamberger-drawer{align-items:flex-start;background-color:#333;justify-content:flex-start;max-height:0;overflow:hidden;padding:0 16px;position:absolute;top:58px;transition:.3s linear;width:100vw;z-index:5}#hamberger-drawer a{color:#ffffffdf;padding-top:16px;text-decoration:none}.show-menu:last-child{padding-bottom:16px!important}.show-menu{max-height:100px!important}.make-ex #flippy-bar{transform:rotate(-45deg)}.make-ex #nomal-bar{top:8px;transform:rotate(45deg)}.make-ex #go-away-bar{opacity:0}
/*# sourceMappingURL=main.a8f9e70d.css.map*/