body{background:#fff;overflow-x:hidden}.background{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;z-index:-1}.edit{display:inline-block;float:right;margin:2px 0 0}.edit:hover{filter:brightness(75%)}.edit:active{filter:brightness(50%)}.trash:hover{filter:brightness(75%)}.trash:active{filter:brightness(50%)}.indexChanger:hover{filter:brightness(75%)}.indexChanger:active{filter:brightness(50%)}.button{color:#fff;font-weight:700;position:relative;outline-style:none;border:none;border-radius:5px;padding:10px;margin:25px 0 0 15px}.button:hover{filter:brightness(75%)}.button:active{filter:brightness(50%)}.indexButton{margin:-20px 0}.dropdown,.indexButton{float:right;color:#fff;font-weight:700;outline-style:none;border:none;border-radius:5px;padding:10px}.dropdown{position:relative;margin:15px 35px 0 5px}.dropdown .dropdownContainer{color:#fff;font-weight:700;outline-style:none;border:none;position:relative;border-radius:5px;padding:10px}.dropdown .dropdownElement{display:none;border:none;color:#fff;position:relative;min-width:70px;padding:5px 10px;margin-top:0}.dropdown .dropdownElement:hover{filter:brightness(125%)}.nobullets{list-style:none;margin:0;padding:0}.identity{background-color:#fff;outline-style:solid;outline-width:thick;border-radius:5px;height:150px;padding:0 0 10px;margin:95px 50px 0;width:95px 50px 0 50px;min-width:95px 50px 0 50px}.identity .container{display:inline-block;margin:35px 25px 0 0}.identity .inputName{position:relative;background-color:transparent;border:none;border-bottom:1px solid #d3d3d3;font-size:50px;margin:0 265px 15px 85px;width:700px}.identity .input{font-size:25px;margin:29px 10px 0 0;width:150px}.identity .input,.identity .valueInput{background-color:transparent;text-align:center;border:none;border-bottom:1px solid #d3d3d3}.identity .valueInput{font-size:50px;margin:0 5px 0 0;width:100px}.identity .type{font-family:sans-serif;text-align:center;margin:10px -45px 25px -50px}.characterSheet{padding:0 100px}.characterSheet .sheetContent{background-color:#fff;outline-style:solid;outline-width:thick;border-radius:5px;padding:10px;margin:35px 50px 10px;width:35px 50px 10px 50px;min-width:35px 50px 10px 50px}.characterSheet .innerSheetContent{outline-style:solid;outline-width:thick;border-radius:0 0 1px 1px;padding:10px;margin:25px -10px -10px}.characterSheet .lesserSheetContent{background-color:#fff;outline-style:solid;outline-width:thick;border-radius:5px;padding:10px;margin:0 -10px 25px}.overlay{background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:2}.overlayContent{background-color:#fff;position:fixed;margin:0 0 auto;padding:15px 100px 15px 25px;border-radius:5px;top:40%;left:41%}.rollContainer{position:fixed;right:30;top:750;display:flex;flex-direction:column}.rollResult{background-color:#fff;outline-color:#000;padding:25px 0;margin:10px 0 5px;border-radius:10px;border:1px solid dimgray;text-align:center;font-size:25px;font-family:sans-serif}.dice,.rollResult{flex:0 1;position:relative}.dice{padding:5px}.dice:hover{filter:brightness(75%)}.dice:active{filter:brightness(50%)}.columnContainer{display:flex;flex-wrap:wrap}.columnContainer .firstColumn{width:60%}.columnContainer .secondColumn{width:40%}.title{font-family:sans-serif;display:inline-block}.header,.headerText{font-weight:700}.header,.headerText,.paragraph{font-family:sans-serif;margin:0 0 10px}.input,.paragraph{color:dimgray}.input{background-color:transparent;border:none;border-bottom:1px solid #d3d3d3;font-size:15px;margin:0 0 15px;width:175px}.controlPanel{float:right;position:absolute;margin:-85px 0 0 1437px}.navbar{background-color:khaki;position:absolute;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;z-index:1;top:0;left:0;height:100vh}.logo{text-align:center}.logoContainer{width:50%;margin:80px auto}.fate{display:block;margin:0 auto;width:50%}.navbarHeader{display:inline-block;float:left}.navbarDropdown{background-color:#d3d3d3;color:#fff;border-color:#d3d3d3;position:flex;display:inline-flex;padding:5px 100px 5px 20px;width:100%}.navbarButton{margin:5px}.navbarSection{background-color:khaki;margin:-16px 0;padding:16px 0}.navbarToggle{color:#fff;position:absolute;font-weight:700;outline-style:none;border:none;z-index:2;border-radius:5px}.svgContainer{display:flex;flex-wrap:wrap;flex-shrink:0}.svgContainer .boxContainer{flex:0 0 auto;width:25vh;margin:0 -190px 0 0}.svgContainer .boxContainer .box{outline:solid;outline-color:dimgray}