main.css

@font-face{font-family:'Pokemon';src:url("fonts/pokemon-normal.woff2") format("woff2"),url("fonts/pokemon-normal.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Pokemon';src:url("fonts/pokemon-italic.woff2") format("woff2"),url("fonts/pokemon-italic.woff") format("woff");font-weight:400;font-style:italic}body{background-color:#bbac58;color:#2f3622;font-family:'Pokemon', monospace;font-size:20px;margin:0;padding:0;line-height:1.3em}a{color:#FCE600;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#7d7f4c}::-moz-selection{background:#4d5d31;color:#bbac58}::selection{background:#4d5d31;color:#bbac58}button{background:#bbac58;color:#4d5d31;border:1px solid #4d5d31;border-radius:0.3em;padding:0.4em 0.8em 0.5em;cursor:pointer}button.active{background:#4d5d31;color:#bbac58}.gb-dark{fill:#2f3622}.gb-normal{fill:#4d5d31}.gb-light{fill:#7d7f4c}.text-area{margin:0 auto;font-size:0.5em;width:32em;line-height:1.6em}#pokemon{width:16.0em;height:14.4em;position:relative;margin:0 auto;-webkit-transform:translateZ(0em) translateY(0em) translateX(0em) rotateX(0deg) rotateY(0deg);transform:translateZ(0em) translateY(0em) translateX(0em) rotateX(0deg) rotateY(0deg)}.button:hover{cursor:pointer;position:relative}.button:hover:before{position:absolute;background-image:url("img/marker.svg");background-repeat:no-repeat;left:-1em;top:0.1em;width:0.5em;height:0.7em;background-size:0.5em;content:""}img,svg{width:100%;height:auto}span,.button,.level,.name{font-size:0.8em}span span,.button span,.level span,.name span{font-size:1em}.layer{position:absolute;width:16.0em;height:14.4em;overflow:hidden}.images{position:absolute;width:5.6em}.info{position:absolute;width:7.7em}.name{height:1.1em}.balls{margin-top:1.6em}.stats{background-position:bottom;background-size:7.7em;background-repeat:no-repeat}.level-wrap{margin-top:-0.1em;height:0.8em}.level-wrap img,.level-wrap svg{width:0.6em;display:inline-block;margin-right:-0.8em}.health{margin-left:2.5em}.health span{display:inline-block;width:0.8em}.hp-wrap{height:0.9em}.hp-wrap img,.hp-wrap svg{width:1.1em;display:inline-block}.hp-bar{border:0.1em solid #2f3622;border-radius:0.4em;height:0.3em;width:4.8em;display:inline-block;margin-left:-0.7em;display:inline-block}.hp-bar-active{background-color:#7d7f4c;height:100%;width:100%;border-radius:0.4em}.foe .images{right:0.8em}.foe .info{left:1.1em}.foe .stats{height:3em;background-image:url("img/blue_line.svg")}.foe .name{margin-left:-0.3em;margin-top:-0.1em}.foe .level-wrap{margin-left:2.2em}.foe .hp-wrap{margin-left:0.6em}.player{padding-top:4em}.player .images{left:0.8em}.player .info{right:1.1em}.player .stats{background-image:url("img/red_line.svg")}.player .name{margin-left:1em;margin-top:1.8em}.player .level-wrap{margin-left:4.1em}.player .hp-wrap{margin-left:0.9em}.player .balls{margin-top:4em}.windows .window{position:absolute;-o-border-image:url("img/frame.svg") 45% stretch;border-image:url("img/frame.svg") 45% stretch;border-style:solid;border-width:0.7em;background:#bbac58}.windows .window.texts{margin:0;height:3.2em;left:0.1em;right:0.1em;bottom:0.1em}.windows .window.texts .text span{height:1em;width:1em;display:inline-block}.windows .window.texts .text.text1{margin-top:0.5em}.windows .window.texts .text.text2{margin-top:0.1em}.windows .window.menu{display:none;bottom:0.1em;right:0.1em;height:2.7em;width:7.4em;padding:0.5em 0 0 0.8em}.windows .window.menu sup,.windows .window.menu sub{display:inline-block;margin-right:-1.3em;font-size:0.7em;margin-left:-0.4em}.windows .window.fight{display:none;bottom:0.1em;right:0.1em;left:3.3em;min-height:4.6em;padding:0.5em 0 0 0.8em}.windows .window.fight .fight-details{top:-3.9em;left:-3.9em;width:6.6em;height:2.4em}.windows .window.fight .fight-details span{height:0.8em;margin-top:-0.3em}.windows .window.item{display:none;top:1.7em;bottom:4.1em;left:3.3em;right:0.1em;padding:0.6em}.windows .window.pkmn{display:none;top:0.1em;bottom:0.1em;left:0.1em;right:0.1em}.perspective{-webkit-perspective:30em;perspective:30em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .depth{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .foe{-webkit-transform:translateZ(-8em);transform:translateZ(-8em);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .player{-webkit-transform:translateZ(-4em);transform:translateZ(-4em);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .windows{-webkit-transform:translateZ(0em);transform:translateZ(0em);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .window.menu{-webkit-transform:translateZ(4em);transform:translateZ(4em);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.perspective .window.fight,.perspective .window.item,.perspective .window.pkmn{-webkit-transform:translateZ(8em);transform:translateZ(8em);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}