*,*:before,*:after{margin:0;padding:0}:root{--main-green: #6aaa64;--main-darkgreen: #538d4e;--main-yellow: #c9b458;--main-darkyellow: #b59f3b;--main-lightGray: #d8d8d8;--main-gray: #86888a;--main-darkgray: #939598;--black: #212121;--eggshell: #F0EAD6}html{font-size:62.5%;font-family:"Open Sans",sans-serif}@media screen and (max-width: 1300px){html{font-size:50%}}body{box-sizing:border-box}p{line-height:1.9rem;letter-spacing:.15rem;font-size:1.4rem}.delete{animation:opacity100to0 .5s ease-in-out 0s 1 forwards,scaleTo0 .5s ease-in-out 0s 1 forwards,maxHeightTo0 .5s ease-in-out 0s 1 forwards}.input__text{border-radius:.5rem;padding:.4rem .6rem .5rem;background-color:transparent;border:none;border-bottom:.2rem solid var(--main-green);transition:all .2s;width:80%;text-align:left;letter-spacing:.1rem}.input__text:focus{outline:none;background-color:#fff;padding-bottom:.3rem;border-bottom-width:.4rem;transform:scale(1.1)}.input__text:invalid{background-color:var(--main-darkyellow)}.input__text--error{border-color:red}.input__textarea{border-radius:.5rem;padding:.4rem .6rem .5rem;background-color:transparent;border:none;border-bottom:.2rem solid var(--main-green);transition:all .2s;width:100%;height:8rem;text-align:left;letter-spacing:.1rem}.input__textarea:focus{outline:none;background-color:#fff;padding-bottom:.3rem;border-bottom:.4rem solid var(--main-green);transform:scale(1.1)}.input__textarea:invalid{background-color:var(--main-darkyellow)}.input__button{background-color:var(--main-green);padding:1rem 2rem;border-radius:.5rem;box-shadow:0 .3rem .6rem #00000080;font-size:1.6rem;transition:all .2s;color:#000000b3;border:none}.input__button:hover{cursor:pointer;transform:scale(1.1) translateY(-.1rem);box-shadow:0 .5rem .9rem #000000b3}.input__button:active{transform:scale(1) translateY(0)}.wordle-lettering{display:flex;justify-content:flex-end}.wordle-lettering__letter{padding:.8rem 1rem;margin-right:.3rem;color:#000000b3;font-weight:bold;transition:all .2s}.wordle-lettering__letter--gray{background-color:var(--main-gray)}.wordle-lettering__letter--green{background-color:var(--main-green)}.wordle-lettering__letter--yellow{background-color:var(--main-yellow)}.background-grad{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background-grad__1{opacity:0;background-image:linear-gradient(to bottom right,transparent,#6aaa64);animation:opacity0to100 3.6s ease-in-out 0s infinite alternate}.background-grad__2{opacity:1;background-image:linear-gradient(to bottom left,transparent,#c9b458);animation:opacity100to0 8.6s ease-in-out 0s infinite alternate}.background-grad__3{opacity:0;background-image:linear-gradient(to top right,transparent,#b59f3b);animation:opacity0to100 12.87s ease-in-out 0s infinite alternate}.background-grad__4{opacity:1;background-image:linear-gradient(to top left,transparent,#538d4e);animation:opacity100to0 7.46s ease-in-out 0s infinite alternate}@keyframes opacity0to100{0%{opacity:0}to{opacity:1}}@keyframes opacity0to80{0%{opacity:0}to{opacity:.8}}@keyframes opacity100to0{0%{opacity:1}to{opacity:0}}@keyframes maxHeightTo0{to{max-height:0}}@keyframes maxHeightTo100{to{max-height:100rem}}@keyframes toBold{to{font-weight:700}}@keyframes scaleTo0{to{transform:scale(0)}}@keyframes scaleTo1{to{transform:scale(1)}}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes transformXto0{to{transform:translate(0)}}