body{background-color:#1b1b32;margin:0;font-family:Roboto,sans-serif}.logo{max-width:8%;height:auto;display:block;margin:0 auto;padding-top:.75rem}h1{color:#fff;text-align:center;font-family:Courier,sans-serif;font-size:2rem;font-weight:700}#cont-1{margin:0 auto;background-color:#f5f6f7;width:33vw;height:108vh;border-radius:15px;box-shadow:10px 10px #aeacb2;padding-bottom:20px}#cont-1_5{display:flex;justify-content:center;align-items:center;width:31vw;margin:0 auto}input{width:180px;height:35px;font-size:.8rem;padding-left:5px;margin:0 10px}input:focus{outline:2px solid #198EEE}button{color:#fff;background-color:#7f21ab;border:none;width:80px;height:40px;border-radius:18px;cursor:pointer}.instructions{font-size:1.1rem;font-weight:700;text-align:center;padding-top:15px}#cont-2{margin:25px auto 10px;background-color:#f0f1f7;width:30vw;height:34vh;padding:10px;border-radius:10px}#cont-2_5{width:11vw;height:10vh;margin:10px auto 50px 1px}.creature-gen{display:inline-flex;font-size:.9rem;font-family:Arial,sans-serif;font-weight:700;margin:10px 0 5px 3px;white-space:nowrap}#creature-id{white-space:nowrap;font-weight:400;font-size:.8rem;padding-left:5px}.creature-size{display:inline;font-size:.8rem;font-weight:400;margin:5px 2px 0 5px;white-space:nowrap}#creature-id{font-weight:700;font-size:.7rem;margin-top:2px}#types{display:inline-flex;gap:8px;margin:10px -5px 40px 5px;padding:4px;white-space:nowrap}#types span{padding:4px 10px;margin-bottom:10px;margin-left:-5px;border-radius:5px;color:#fff;font-weight:700;font-size:.8rem;white-space:nowrap;background-color:gray}.moves{margin-left:9px;display:flex;flex-direction:column;font-family:Arial,sans-serif}#move-name{font-size:.9rem;font-weight:700;margin:60px 0 5px 9px;display:block}#move-info{font-size:.85rem;margin-bottom:15px}#cont-3{width:32vw;margin:15px auto 0}.base,.stats{display:inline-flex;justify-content:center;align-items:center;background-color:#7f21ab;color:#fff;font-size:1rem;font-weight:700;text-align:center;height:40px;width:auto;font-family:Roboto,sans-serif}.base{width:60%;margin:0 0 5px 15px}.stats{width:30%;margin:0 0 5px 5px}#base-label,#stats-label{font-size:1.3rem;font-family:Arial,sans-serif;font-weight:700}
