@import "https://fonts.googleapis.com/css2?family=Fira+Code&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none;margin:0;padding:0;font-family:Fira Code,monospace}#root{color:#43aa8b;width:100vw;height:100vh;display:-ms-grid;-ms-grid-rows:20% 80%;background-color:#01161e;grid-template-rows:20% 80%;display:grid;overflow:hidden}a{color:#fff;text-decoration:none}.header{flex-direction:column;justify-content:center;align-items:center;display:flex}.header__title{text-align:center;width:100vw;font-size:2rem}.nav__item,.nav__item--active{color:#ef3e36;transition:all .5s;transform:rotate(2deg)}.nav__item:hover,.nav__item--active:hover{transform:scale(1.2)}.nav{justify-content:space-around;align-items:center;width:100vw;display:flex}.nav__item--active{font-weight:bolder}.nav__item--active:after{content:"";background-color:#ef3e36;width:10px;height:10px;position:absolute;top:100%;left:1%}.joke{background-color:#01161e;width:100%;padding:1rem;box-shadow:-6px -6px 6px #ffffff08,6px 6px 6px #0000004d}.joke__content{text-align:center;text-shadow:-3px 3px #000;margin:1rem;font-size:1.5rem;font-weight:800}.joke__stats,.joke__actions{justify-content:space-around;margin:1rem;display:flex}.btn{color:#000;cursor:pointer;text-transform:uppercase;background:#0e66b8;border:none;border-radius:10px;margin:2rem 0;padding:5px 20px;font-size:1.5rem;transition:all .5s;box-shadow:0 0 30px #0e66b8}.btn:hover{transform:scale(1.1)}.btn--disabled{color:#000;cursor:pointer;text-transform:uppercase;background:#9b9999;border:none;border-radius:10px;margin:2rem 0;padding:5px 20px;font-size:1.5rem;transition:all .5s;box-shadow:0 0 30px #0e66b8}.container{width:70%;margin:0 auto}@media (width<=768px){.container{width:90%}}@media (width>=1000px){.container{width:50%}}