body{font-size:1.6rem;margin:0 5rem;padding:0;background-color:#000;color:#fff;font-family:Inter,sans-serif;font-size:500;overflow-x:hidden}html{font-size:62.5%;overflow-x:hidden}*{margin:0;padding:0}h1,.heading-primary{font-size:5rem}.heading-secondary{margin-bottom:1.5rem}.jersey{font-family:"Jersey 25 Charted",sans-serif;font-weight:400;font-style:normal;color:#2c83fd;font-size:6rem}.navbar{background:linear-gradient(to bottom,#6c6c6c,#272727);padding:1rem 2rem;border-bottom:3px #3d3d3d solid;display:flex;position:relative}.navbar__links{display:flex;list-style-type:none;align-items:center}.navbar__link{position:relative;display:inline-block;text-decoration:none;color:#fff;list-style:none;font-size:3.5rem;font-family:"Jersey 25 Charted",sans-serif;margin-left:3rem}.navbar__link--active>.navbar__link:before,.navbar__link--active>.navbar__link:after,.navbar__link:hover.navbar__link:before,.navbar__link:hover.navbar__link:after{content:attr(data-content);position:absolute;top:0;width:50%;overflow:hidden;white-space:nowrap}.navbar__link--active>.navbar__link:before,.navbar__link:hover.navbar__link:before{left:0;color:#f57c03;width:100%;text-align:left}.navbar__link--active>.navbar__link:after,.navbar__link:hover.navbar__link:after{width:50%;left:0;color:#2c83fd;text-align:left}main{background:#272727;min-height:calc(100vh - 19.5rem);padding:3rem 3rem 0;margin:0}.footer{background:linear-gradient(to top,#6c6c6c,#272727 80%);padding:3rem;margin:0}.footer__text{font-weight:400}.footer__link{color:#fff;font-weight:500;text-decoration:none;transition:.2s all}.footer__link:hover{color:#2c83fd}@keyframes shakeShake{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.btn{border:none;background-color:#1566d7;color:#fff;padding:1rem 2rem;transition:.2s;cursor:pointer;font:inherit;border-radius:.3rem}.btn:hover,.btn--submitting{scale:1.05;background-color:#487fff;animation:shakeShake .2s 0s infinite cubic-bezier(0,1.76,.69,-.07)}.btn:disabled{background-color:#8bb6f2;cursor:not-allowed}.btn:disabled:hover{background-color:#8bb6f2;scale:initial;animation:none}.delete.btn:hover{background-color:red}.add{margin-right:1rem}.delete,.btn--red{background-color:#ff3535}.btn--red:hover{background-color:red}.btn--red:disabled{background-color:#ff9c9c}.btn--red:disabled:hover{background-color:#ff9c9c}.btn--green{background-color:#2b9122}.btn--green:hover{background-color:#22701b}.btn--green:disabled,.btn--green:hover:disabled{background-color:#76af71}.reminders{display:flex;flex-wrap:wrap;padding-bottom:2rem}.reminder{background:linear-gradient(to bottom right,#fff 65%,#76bbff 100%,#fff);color:#676767;flex:1 0 calc(25% - 7.5rem);border-top:5px solid #f57c03;border-radius:.3rem;padding:2rem 3rem;transition:.3s;cursor:pointer;margin-top:3rem;margin-right:1.5rem;text-decoration:none}.reminder:hover{scale:1.03;box-shadow:.5rem .7rem 1rem #794609b1}.reminder__title{margin-bottom:1rem}.reminder__time{font-family:"Jersey 25 Charted",sans-serif;font-style:normal;font-weight:400;font-size:2rem}.modal{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000071;transition:.6s all}.modal:target{opacity:1;visibility:visible}.modal__body{position:absolute;top:50%;left:50%;border-radius:.3rem;background-color:#fff;color:#2c2c2c;width:60rem;padding:3rem 3rem 2rem;border-top:#f57c03 solid 6px;transform:rotateY(-180deg) translate(-50%,-50%) scale(.4);transition:.5s all cubic-bezier(1,-.41,.2,1.41)}.modal:target>.modal__body{transform:rotateY(0) translate(-50%,-50%) scale(1)}.modal__text{margin-bottom:2rem}.modal__x{text-decoration:none;color:#000;font-weight:900;position:absolute;top:2.5rem;right:2.5rem;font-size:2.3rem}.recognizer{margin-top:2rem}.recognizer__textarea{width:calc(100% - 3rem);display:inline-block;outline:none;resize:none;margin-bottom:2rem;height:18rem;font:inherit;padding:1rem 1.5rem}.recognizer__textarea:disabled{color:#282828}.recognizer__start{margin-right:2rem}.recognizer__lang{margin-bottom:2rem;border:none;outline:none;padding:.5rem 2rem;border-radius:.4rem;font:inherit;font-size:1.4rem}input{padding:1rem 1.5rem;width:calc(100% - 3rem);border-radius:.3rem;outline:none;font:inherit;border:none}.visuallyHidden{opacity:0;visibility:0;display:none}.hamburger{margin:8px 0 0;right:20px;width:30px;height:30px;position:absolute;z-index:5;display:none}.hamburger:hover{cursor:pointer}.hamburger .bar{padding:0;width:30px;height:4px;background-color:#f57c03;display:block;border-radius:4px;transition:all .4s ease-in-out;position:absolute}.bar1{top:0}.bar2,.bar3{top:13.5px}.bar3{right:0}.bar4{bottom:0}.checkbox1:checked+label>.hamburger>.bar1{transform:rotate(45deg);transform-origin:5%;width:41px}.checkbox1:checked+label>.hamburger>.bar2{transform:translate(-40px);background-color:transparent}.checkbox1:checked+label>.hamburger>.bar3{transform:translate(40px);background-color:transparent}.checkbox1:checked+label>.hamburger>.bar4{transform-origin:5%;transform:rotate(-45deg);width:41px}.checkbox1:checked~.navbar__links{right:0;transition:.7s all cubic-bezier(.4,1.34,.7,1.19)}@media screen and (max-width: 1000px){.reminder{flex:1 0 calc(33% - 7.5rem)}}@media screen and (max-width: 900px){body{margin:0}.navbar__title{font-size:4.5rem}.navbar__link{font-size:3rem}.recognizer__btn>*{flex:1 calc(50% - 1rem)}.recognizer__btn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.recognizer__start{margin-right:0}}@media screen and (max-width: 750px){.navbar__title{font-size:4rem}.navbar__link{font-size:2.5rem}.reminder{flex:1 0 calc(50% - 7.5rem)}.reminder__title{font-size:1.6rem}.heading-primary{font-size:4rem}}@media screen and (max-width: 590px){.navbar__links{flex-direction:column;position:absolute;right:-100%;top:6.4rem;align-items:end;background-color:#00000047;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:1s all cubic-bezier(.83,-.67,.34,1.5)}.navbar__link{font-size:4rem;text-align:right}.hamburger{display:block}}