.pokemon.sheet.characterSheet .window-content { background: #c00d0d; color: white; width: 100%; height: 100%; font-family: "VT323", Arial, Helvetica, sans-serif; } @font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/vt323/v17/pxiKyp0ihIEF2hsY.ttf) format('truetype'); } .pokemon.sheet.characterSheet .headerBox { float: left; width: 100%; height: 100px; display: flex; justify-content: flex-start; border-bottom: #5e0000; } .pokemon.sheet.characterSheet .charInfo { width: 500px; } .pokemon.sheet.characterSheet .inputText { background-color: #30da0c; color: black; border: black; box-shadow: 0 0 20px #003300 inset; -webkit-box-shadow: 0 0 20px #003300 inset; -moz-box-shadow: 0 0 20px #003300 inset; -o-box-shadow: 0 0 20px #003300 inset; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; } .pokemon.sheet.characterSheet .bigInputText { font-size: 21px; font-weight: 600; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 5px; } .pokemon.sheet.characterSheet .smallInputText { font-size: 14px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; width: 60%; } .pokemon.sheet.characterSheet .invisibleInput { background: transparent; color: inherit; text-align: inherit; font-size: inherit; padding: 0px; } .pokemon.sheet.characterSheet .advancementBox { margin-left: 20px; display: flex; flex-direction: column; align-items: center; } .pokemon.sheet.characterSheet .lvlBox { width: 60px; height: 60px; background-color: #30da0c; color: black; border: black; box-shadow: 0 0 20px #003300 inset; -webkit-box-shadow: 0 0 20px #003300 inset; -moz-box-shadow: 0 0 20px #003300 inset; -o-box-shadow: 0 0 20px #003300 inset; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; margin-bottom: 10px; padding: 5px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center; } .pokemon.sheet.characterSheet .lvlValue { font-size: 25px; } .pokemon.sheet.characterSheet .expBox { display: flex; justify-content: flex-start; align-items: center; width: 80px; height: 30px; background-color: #30da0c; color: black; border: black; box-shadow: 0 0 20px #003300 inset; -webkit-box-shadow: 0 0 20px #003300 inset; -moz-box-shadow: 0 0 20px #003300 inset; -o-box-shadow: 0 0 20px #003300 inset; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; padding-left: 5px; padding-right: 5px; } .pokemon.sheet.characterSheet .expValue { text-align: center; } .pokemon.sheet.characterSheet .mainBox { display: flex; } .pokemon.sheet.characterSheet .sidebarBox { display: flex; flex-direction: column; align-items: center; width: 200px; border-right: #5e0000; } .pokemon.sheet.characterSheet .imgBox { height: 165px; width: 180px; padding: 0 20px; background-color: #b0b0b0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; position: absolute; bottom: 0; left: 0; } .pokemon.sheet.characterSheet .imgBox:after { content: ""; border-top: 40px solid #b0b0b0; border-left: 40px solid #c00d0d; height: 0; float: left; position: absolute; left: 20px; } .pokemon.sheet.characterSheet .screen { height: 110px; width: 140px; margin-top: 20px; margin-bottom: 9px; background-color: #fff; border: 3px solid #494949; clear: both; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; display: flex; align-items: center; justify-content: center; } .pokemon.sheet.characterSheet .charImg { max-height: 95px; max-width: 125px; height: auto; width: auto; }