.cat{width:200px;margin:0 auto;padding-bottom:40px}.cat:hover .whisker.left{top:100px}.cat:hover .whisker.right,.cat:hover .whiskerb.leftb,.cat:hover .whiskerb.rightb{transform:rotate(-10deg)}.cat:hover .eye.right{transform:scale(1.5,.1)}.cat:hover .eye2.right{transform:scale(1.5,0)}.cat .ear{z-index:0;position:absolute;bottom:100px}.cat .ear.left{border-top:80px solid #0000;border-bottom:20px solid #0000;border-left:60px solid #d59729;border-radius:15px;width:0;height:0;left:0}.cat .ear.right{border-top:80px solid #0000;border-bottom:20px solid #0000;border-right:60px solid #d59729;border-radius:15px;width:0;height:0;left:90px}.cat .face{background:#d59729;border:5px solid #000;border-radius:100%;width:167px;height:167px;position:absolute;bottom:0}.cat .whisker{background:#000;border-radius:14px;width:30px;height:4px;transition:all .2s;position:absolute;top:90px}.cat .whisker.left{left:0}.cat .whisker.right{right:0}.cat .whiskerb{background:#000;border-radius:14px;width:30px;height:4px;transition:all .2s;position:absolute;bottom:40px}.cat .whiskerb.leftb{left:0}.cat .whiskerb.rightb{right:0}.cat .eye{background:#000;border-radius:100%;width:30px;height:35px;transition:all .2s;position:absolute;top:55px}.cat .eye.left{left:99px}.cat .eye.right{right:99px}.cat .eye2{background:brown;border-radius:100%;width:20px;height:26px;transition:all .2s;position:absolute;top:60px}.cat .eye2.left{left:104px}.cat .eye2.right{right:104px}.cat .cheek{border:10px solid #0000;border-radius:50%;width:35px;height:70px;position:absolute;top:70px;right:58px}.cat .cheek:before{content:"";z-index:0;background:#e68080b3;border-radius:100%;width:40px;height:30px;position:absolute}.cat .cheek.left:before{top:2px;left:30px}.cat .cheek.right:before{top:2px;right:30px}.cat .mouth{border-bottom:6px solid #000;border-radius:100%;width:20px;height:25px;position:absolute;top:100px;right:59px;transform:rotate(10deg)}.cat .mouth2{border-bottom:6px solid #000;border-radius:100%;width:20px;height:25px;position:absolute;top:100px;left:59px;transform:rotate(-10deg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(#282c34,#000) fixed;margin:150px 0 200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.box{color:#fff;background:#282c34;border-radius:20px;width:80%;height:100%;margin-left:auto;margin-right:auto;padding:3%;font-family:Bahnschrift,Menlo,Monaco,Consolas,Courier New,monospace;font-size:17px;font-weight:700;overflow:auto;box-shadow:5px 5px 50px #000}.preview{position:relative;top:200px;right:200px}.chara{color:#000;border-radius:10px;width:13%;height:50%;padding:3px;font-family:Bahnschrift,Menlo,Monaco,Consolas,Courier New,monospace;font-size:18px;font-weight:700;position:absolute;top:50%}.chara2{background-color:#282c34;position:relative;top:-200px;box-shadow:2px 2px 2px #000}.bar{background-color:#282c34;width:100%;position:relative;bottom:0;box-shadow:2px 2px 2px #000}.barInside{background-color:#dc143c;position:relative;bottom:0;box-shadow:inset 2px 2px 2px #000}.money{color:#f5f5f5;text-shadow:2px 2px #000;text-align:center;background:gold;border:4px solid #b8860b;border-radius:50%;width:50px;height:50px;margin:5px;padding:5px;box-shadow:inset 4px -4px 1px orange}.headBattle{background:#000;border-bottom:2px solid #000;border-radius:100%;width:100%;height:20px;margin-top:-30px}h3{color:#f5f5f5;text-shadow:.15vh 0 .5vh #000;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-radius:5px;font-size:14px}.main{z-index:0;background-color:#000;border:1px solid #282c34;border-radius:30px;width:800px;height:600px;position:absolute;top:10%;left:20%;right:20%;overflow:hidden}h1{color:#f5f5f5;text-shadow:.15vh 0 .5vh #000;letter-spacing:8px;margin-left:auto;margin-right:auto;padding:10px}h2{color:#f5f5f5;text-shadow:.15vh 0 .5vh #000;margin:-10px;font-size:14px}h4{color:#f5f5f5;text-shadow:.15vh 0 .5vh #000;margin-top:-30px;font-size:14px}form{color:#fff;width:20%;margin:auto;font-size:14px;overflow:visible}input,select{color:#282c34;text-shadow:.15vh 0 #000;border-radius:10px;width:150px;margin:5px;font-weight:700}textarea{color:#282c34;text-shadow:.15vh 0 #000;border-radius:10px;font-weight:700}label{color:#fff;text-shadow:.15vh 0 #000;float:left;margin:5px;padding:5px;font-weight:700}.App{text-align:center}.App-logo{float:left;pointer-events:none;height:100%;animation:20s linear infinite App-logo-spin}.App-header{z-index:50;color:#fff;background-color:#282c34;flex-direction:column;width:100%;height:10%;font-size:14px;position:fixed;top:0;box-shadow:inset 5px 0 20px #000}.dialogue{z-index:9;text-align:left;color:#000;text-shadow:1px 0 #2f4f4f;background-color:#00000080;border-radius:30px;width:100%;height:40%;padding:30px;font-family:MS Gothic,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;font-weight:700;animation-name:dialogue;animation-duration:.5s;position:absolute;bottom:0}.dialogueSP{z-index:9;text-align:left;color:#000;text-shadow:1px 0 #2f4f4f;background-color:#4d4d4d80;border-radius:30px;width:100%;height:40%;padding:30px;font-family:MS Gothic,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;font-weight:700;animation-name:dialogue;animation-duration:.5s;position:absolute;bottom:0}.dialogueNPC{text-align:left;color:#000;background-color:#80004d80;border-radius:15px;width:100%;height:40%;padding:13px;font-family:MS Gothic,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;font-weight:700;animation-name:dialogue;animation-duration:.5s;position:absolute;bottom:0}button{color:#fff;background-color:#000;border:1px solid #000;border-radius:3px;margin:5px;padding:3px;font-weight:700}.btn-bt{z-index:10;position:absolute;bottom:5px;right:0}button:hover{color:#000;background-color:#fff}@keyframes dialogue{0%{color:#0000;background-color:#0000}to{color:#000;background-color:#00000080}}.dialogue-button{z-index:10;text-align:center;color:#fff;background-color:#000;width:10px;height:10px;padding:10px;font-size:10px;position:absolute;top:10px;right:0}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:after,:before{box-sizing:border-box}.home{background-color:#f4a460;width:100%;height:100%}