*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body,img{width:100%}body{background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:.8rem;min-height:100vh;padding-block:30px;position:relative}body.morning{background-image:url(/ReactApps/static/media/morning.a1e50807fc69f4933006.jpg);color:#fff}body.day{background-image:url(/ReactApps/static/media/day.bca6df5bc03ed9094851.jpg);background-position:bottom;color:#fff}body.day:after{background:#352020a9;content:"";inset:0;position:absolute;z-index:-1}body.night{background-image:url(/ReactApps/static/media/night-mobile.edb4dbf9aab091b88240.jpg);color:#fff}.App{gap:70px;min-height:calc(100vh - 60px);width:100%}.App,.container{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{gap:10px;margin-inline:auto;max-width:900px;width:90%}.flex-container{flex-direction:row;gap:8px;justify-content:center;justify-content:space-between;margin-inline:auto;max-width:600px;padding-block:5px}.block-container,.flex-container{align-items:center;display:flex;width:100%}.block-container{flex-direction:column;gap:10px;justify-content:center;max-width:500px}button{background:transparent;border:none;color:#fff;cursor:pointer;outline:none;position:relative}button,button:before{border-radius:50px;font-size:.7rem}button:before{background-color:#881515;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}button:hover:before{width:100%}body.night button:before{background:#171f5586}body.morning button:before{background:#4a5ad196}input,select,textarea{background:transparent;border:none;border-radius:5px;box-shadow:1px 1px 7px #000;color:#fff;font-size:14px;max-width:400px;outline:none;padding:7px 10px;width:90%}input{border-radius:50px}textarea{resize:none}select{color:#ffffff8d}option{background:#4c45457a;cursor:pointer}::-webkit-input-placeholder{color:#ffffff8d}::placeholder{color:#ffffff8d}body.filter:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000064;background:#000000b8;content:"";inset:0;position:absolute;z-index:0}i{pointer-events:none}.hide{display:none}.show{display:block}.todo{opacity:1;transition:all 1s ease-in-out}.todo.fade-away{opacity:0}@media screen and (min-width:376px){body{font-size:1rem}button{font-size:.85rem}}@media screen and (min-width:700px){body.night{background-image:url(/ReactApps/static/media/night.12616b172e3efbe37432.jpg);color:#fff}}ul{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;list-style:none;text-align:center}a{color:#fff;text-decoration:none}footer button{position:relative}footer button:first-of-type{-webkit-animation:scaleIn1 1.5s ease-in-out;animation:scaleIn1 1.5s ease-in-out;left:-30px}footer button:nth-of-type(2){-webkit-animation:scaleIn2 1.2s ease-in-out;animation:scaleIn2 1.2s ease-in-out;left:20px}footer button:nth-of-type(3){-webkit-animation:scaleIn3 1.2s ease-in-out;animation:scaleIn3 1.2s ease-in-out;left:-10px}footer button:nth-of-type(4){-webkit-animation:scaleIn4 1.5s ease-in-out;animation:scaleIn4 1.5s ease-in-out;left:30px}@-webkit-keyframes scaleIn1{0%{opacity:.5;scale:.3;translate:-60px -30px}to{opacity:1;scale:1}}@keyframes scaleIn1{0%{opacity:.5;scale:.3;translate:-60px -30px}to{opacity:1;scale:1}}@-webkit-keyframes scaleIn2{0%{opacity:.5;scale:.3;translate:40px -30px}to{opacity:1;scale:1}}@keyframes scaleIn2{0%{opacity:.5;scale:.3;translate:40px -30px}to{opacity:1;scale:1}}@-webkit-keyframes scaleIn3{0%{opacity:.5;scale:.3;translate:60px 50px}to{opacity:1;scale:1}}@keyframes scaleIn3{0%{opacity:.5;scale:.3;translate:60px 50px}to{opacity:1;scale:1}}@-webkit-keyframes scaleIn4{0%{opacity:.5;scale:.3;translate:20px 70px}to{opacity:1;scale:1}}@keyframes scaleIn4{0%{opacity:.5;scale:.3;translate:20px 70px}to{opacity:1;scale:1}}@media screen and (min-width:600px){ul{flex-direction:row;flex-wrap:wrap;gap:20px}footer button:first-of-type,footer button:nth-of-type(2),footer button:nth-of-type(3),footer button:nth-of-type(4){left:0}}.fade-in-container{-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out}.fade-out-container{-webkit-animation:fadeOut 1s ease-in-out;animation:fadeOut 1s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.item{opacity:1;transition:all 1s ease-in-out}.item.fade-away{opacity:0}
/*# sourceMappingURL=main.c4487dfb.css.map*/