.button{background-color:transparent;border:1px solid #2a356ed8;border:1px solid var(--color-primary);border-radius:2px;color:#2a356ed8;color:var(--color-primary);cursor:pointer;padding:1rem 2rem;text-decoration:none;transition:all .3s}.button:hover{background-color:#c0bf75;background-color:var(--color-secondary);border-color:#c0bf75;border-color:var(--color-secondary);color:#fff;-webkit-transform:translateY(-2px) scale(1.01);transform:translateY(-2px) scale(1.01)}.button--red:hover{background-color:#bd2f2f;background-color:var(--color-red);border-color:#bd2f2f;border-color:var(--color-red)}.container{margin:0 auto;padding-bottom:2rem;width:85%}@media screen and (max-width:750px){.container{width:93%}}.form{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:40rem}.form button,.form input,.form textarea{background-color:transparent;border:1px solid #2a356ed8;border:1px solid var(--color-primary);border-radius:2px;color:inherit;font:inherit;margin:0 auto;outline:none;padding:1.5rem 2rem;resize:none;transition:all .3s;width:100%}.form textarea{height:17rem}.form input:focus,.form textarea:focus{background-color:rgba(0,0,0,.02);border-color:#c0bf75;border-color:var(--color-secondary);-webkit-transform:translateY(-2px) scale(1.03);transform:translateY(-2px) scale(1.03)}.form input:focus~input,.form input:focus~textarea{-webkit-filter:blur(.8px);filter:blur(.8px)}.form button{cursor:pointer}.form button:focus{-webkit-transform:translateY(-2px) scale(1.03);transform:translateY(-2px) scale(1.03)}.form button:focus,.form button:hover{background-color:#2a356ed8;background-color:var(--color-primary);color:#fafafa;color:var(--color-background)}.form a{color:#c0bf75;color:var(--color-secondary);text-decoration:none;transition:all .4s}.form p:hover a{color:rgba(0,0,0,.4)}@media screen and (max-width:450px){.form{width:100%}}.heading{cursor:default}.heading--primary{border-bottom:1px solid #2a356ed8;border-bottom:1px solid var(--color-primary);font-size:5.4rem;font-weight:300;transition:all .4s}.heading--primary:hover{border-color:#c0bf75;border-color:var(--color-secondary);color:#c0bf75;color:var(--color-secondary);text-shadow:0 1rem rgba(0,0,0,.03);-webkit-transform:translateY(-4px) scale(1.03) skewY(-2deg);transform:translateY(-4px) scale(1.03) skewY(-2deg)}.heading--secondary{font-size:4.6rem;font-weight:300;text-align:center;transition:all .4s}.heading--secondary:after{background-color:#2a356ed8;background-color:var(--color-primary);border-radius:.5px;content:"";display:block;height:2px;transition:all .4s;width:0}.heading--secondary:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.heading--secondary:hover:after{width:100%}.heading--small{color:#c0bf75;color:var(--color-secondary);font-size:1.2rem;font-weight:700;letter-spacing:1px;opacity:.7;text-transform:uppercase}.logo{text-decoration:none;transition:all .4s}.logo h3{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#2a356ed8,#000);background-image:linear-gradient(to right,var(--color-primary),#000);color:transparent;font-size:1.8rem;font-weight:700;letter-spacing:1px;opacity:.8;text-transform:uppercase}.logo:hover{-webkit-transform:translateY(-2px) scale(1.2);transform:translateY(-2px) scale(1.2)}.navigation .container{align-items:center;border-bottom:1px solid #252525;border-bottom:1px solid var(--color-tertiary);display:flex;justify-content:space-between;margin-bottom:7rem;padding:2rem 0;position:relative}.navigation__list{align-items:center;display:flex;gap:2rem;list-style-type:none}.navigation__item{border-radius:3px;color:#2a356ed8;color:var(--color-primary);cursor:pointer;font-weight:600;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .4s;-webkit-user-select:none;user-select:none}.navigation__item:hover{background-color:rgba(0,0,0,.05);background-color:var(--color-background-on-hover);color:#c0bf75;color:var(--color-secondary);-webkit-transform:translateY(-4px) scale(1.03);transform:translateY(-4px) scale(1.03)}.navigation__icon{align-items:center;background-color:#2a356ed8;background-color:var(--color-primary);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:4rem;justify-content:center;position:fixed;right:3.5%;top:1.4rem;transition:all .4s;width:4rem;z-index:1}.navigation__icon div,.navigation__icon:after,.navigation__icon:before{background-color:#c0bf75;background-color:var(--color-secondary);border-radius:10px;content:"";height:3px;transition:all .4s;width:70%;z-index:2}.navigation__icon:after,.navigation__icon:before{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.navigation__icon:hover{-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.navigation__icon--opened{gap:0}.navigation__icon--opened div{opacity:0}.navigation__icon--opened:before{-webkit-transform:rotateY(230deg);transform:rotateY(230deg)}.navigation__icon--opened:after{-webkit-transform:rotateY(-230deg);transform:rotateY(-230deg)}.navigation .active{background-color:rgba(0,0,0,.05);background-color:var(--color-background-on-hover)}@media screen and (max-width:650px){.navigation__list{-webkit-animation:menuAnimation .4s;animation:menuAnimation .4s;background-color:#f2f2f2;border-radius:4px;flex-direction:column;font-size:1.3rem;gap:1rem;position:fixed;right:2.5%;top:5.3rem;transition:all .4s}.navigation__item{padding:.6rem 1.2rem}.navigation__item:hover{-webkit-transform:none;transform:none}}@-webkit-keyframes menuAnimation{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes menuAnimation{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}.todo{background-color:transparent;border:1px solid #2a356ed8;border:1px solid var(--color-primary);border-radius:3px;cursor:default;display:flex;flex-direction:column;gap:1.7rem;padding:1rem 2rem;transition:all .5s}.todo__title{border-bottom:1px solid;font-size:2rem;font-weight:300;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.todo__description{font-size:1.5rem}.todo:hover{border-color:#c0bf75;border-color:var(--color-secondary);-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02)}.todo--completed{opacity:.4}.todo__buttons{align-items:center;display:flex;gap:1.5rem;margin-top:auto}.todo .button:last-child{margin-right:auto}@media screen and (max-width:450px){.todo .button:last-child{margin-right:0}.todo__buttons{align-items:stretch;flex-direction:column}}.message{-webkit-animation:messageAnimation 6.1s alternate;animation:messageAnimation 6.1s alternate;bottom:3rem;position:fixed;right:6.5%}.message__item{background-color:#bd2f2f;background-color:var(--color-red);border-radius:3px;color:#fff;padding:1rem 2rem}.message__item:not(:last-child){margin-bottom:1rem}@media screen and (max-width:750px){.message{right:2.5%}}@-webkit-keyframes messageAnimation{0%{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}30%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}40%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}70%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}}@keyframes messageAnimation{0%{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}30%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}40%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}60%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}70%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}80%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20rem);transform:translateX(20rem)}}.home{align-items:center;display:flex;flex-direction:column;gap:7rem}.home .heading{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home__about{align-items:center;display:flex;gap:2rem;justify-content:center}.home__image{border-radius:3px;-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);flex:0 0 50%;transition:all .5s;width:50%}.home__image:hover{-webkit-transform:rotate(4deg) scale(1.05);transform:rotate(4deg) scale(1.05)}.home__info-box{align-items:flex-start;display:flex;flex-direction:column;font-size:2.1rem;gap:2rem;line-height:1.8}@media screen and (max-width:1050px){.home__about{flex-direction:column}.home__info-box{align-items:center}.home__image{width:100%}}.todos{display:flex;flex-direction:column;gap:2rem}.todos__completed{font-size:2rem}.todos__box{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:1300px){.todos__box{grid-template-columns:1fr 1fr}}@media screen and (max-width:750px){.todos__box{grid-template-columns:1fr}}.user .container{align-items:center;display:flex;flex-direction:column;gap:2rem}.user .heading{text-transform:uppercase}:root{--color-primary:#2a356ed8;--color-secondary:#c0bf75;--color-tertiary:#252525;--color-red:#bd2f2f;--color-background:#fafafa;--color-background-on-hover:rgba(0,0,0,.05)}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}@media screen and (max-width:450px){html{font-size:60.3%}}body{color:#2a356ed8;color:var(--color-primary);font-family:sans-serif;font-size:1.6rem;font-weight:300;height:100vh;line-height:1.3;position:relative}body:before{background-image:url(/static/media/background.e446675a43ee7edbaf13.png);content:"";height:100%;left:0;opacity:.07;position:absolute;top:0;width:100%;z-index:-1}.create-todo .container,.home .container,.login .container,.register .container,.user .container{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center}
/*# sourceMappingURL=main.3c8d4577.css.map*/