header,main{display:flex}body,main{padding:0}h2,header img{margin-bottom:20px}.button,body,h2,label{color:#fff}.astronaut,.button,.moon,body{position:relative}#hearts,label{margin-bottom:10px}body{background:linear-gradient(to bottom,rgb(0 0 0 / 60%) 0,rgba(0,0,0,.826) 75%,#000 100%) center/cover no-repeat,url("../assets/img/spacebg.png") center/cover no-repeat;font-family:Arial,sans-serif;width:100%;height:auto;overflow-x:hidden;min-height:100vh}header{flex-direction:column;align-items:center;padding:40px 0}header img{width:200px}h1{font-size:46px}h2,p{font-size:24px}main{flex-direction:column;align-items:center}p{text-align:center;margin-bottom:0}.button{align-items:center;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#09516c 0,#62c5db 100%);border:0;border-radius:6px;box-shadow:rgba(45,35,66,.4) 0 2px 4px,rgba(45,35,66,.3) 0 7px 13px -3px,rgba(58,65,111,.5) 0 -3px 0 inset;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:"JetBrains Mono",monospace;height:6rem;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding:3rem;text-align:left;text-decoration:none;transition:box-shadow .25s,transform .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:2rem;margin-bottom:5rem}.bg,.maintext{align-items:center}#hearts,#result,.bg,.game,.maintext,footer{text-align:center}.button:hover{transform:translateY(-.3rem)}.button:active{box-shadow:#3c4fe0 0 3px 7px inset;transform:translateY(2px)}form{background-color:#000000a4;padding:40px;border-radius:20px;max-width:600px;margin-bottom:40px}footer,label{font-size:18px}.bg{background-color:#1c1c1ca9}label{display:block;width:auto}input[type=email],input[type=message],input[type=text]{display:block;width:100%;padding:10px;margin-bottom:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);border:3px solid #ccc}input[type=submit]{background-color:#f60;color:#fff;padding:16px 32px;font-size:24px;border:none;border-radius:30px;cursor:pointer;transition:background-color .2s ease-in-out;display:block;margin:0 auto}input[type=submit]:hover{background-color:#e65c00}footer{padding-bottom:40px}@media (max-width:600px){h1{font-size:28px}p{font-size:15px}form{padding:20px;max-width:400px}input[type=submit]{padding:12px 24px;font-size:20px}}.all{animation:1s appear}@keyframes appear{0%{opacity:0}100%{opacity:1}}.maintext{display:block;margin:0 auto 5rem;border-radius:40px}.game,input[type=number]{display:block;margin:0 auto}.rope{width:70px;position:absolute;top:2.7rem;-moz-animation:3s infinite swing;-moz-transform-origin:center top;animation:3s ease-in-out infinite swing;transform-origin:top}.heart,.heartimg{width:30px}@-moz-keyframes swing{0%,100%{-moz-transform:rotate(-3deg)}50%{-moz-transform:rotate(3deg)}}@keyframes swing{0%,100%{-webkit-transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg)}}.game{align-items:center;background-color:#000000c2;border-radius:20px}.guess,.reset{display:inline-block;background-color:#ff0000a9;color:#fff;padding:5px 32px;font-size:24px;text-decoration:none;transition:background-color .2s ease-in-out}.heart{display:inline-block;height:30px;margin:5px;border-radius:50%}#result{font-weight:700;margin-top:20px}input[type=number]{width:10%;padding:10px;border:3px solid #ccc;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1)}.guess{margin-top:.5rem;border-radius:10px;border:0}.guess:hover,.reset:hover{background-color:#f60;color:#fff}.reset{border:0;margin-top:0;border-radius:10px}