@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;400&family=Quicksand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@700&display=swap);body{background:#0f2027;background:linear-gradient(90deg,#0d1021,#212352,#393552);box-sizing:border-box;margin:0;min-height:100vh}.container{background-attachment:fixed;background-repeat:no-repeat}.container,.starting-container{background-size:cover;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh}.starting-container{background:#0f2027;background:linear-gradient(90deg,#0d1021,#212352,#393552)}.dashboard{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:10vh auto auto;width:70em}@media(max-width:1650px){.dashboard{margin-top:1.5em}}.main-component{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-size:cover;background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1) 75%) no-repeat fixed;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.5);color:#a1aac7;font-family:Quicksand,sans-serif;font-weight:400;transition:.5s;z-index:500!important}#AppIcon{opacity:.75;right:1em;width:36px}#github{cursor:pointer;opacity:.75;position:fixed;right:17px;top:4.5em;width:32px}#github:hover{opacity:1}#AppIcon{cursor:pointer;opacity:.8;position:fixed;right:16px;top:1em;width:34px}#AppIcon:hover{opacity:1}.app-icon{margin:0 auto 15px;text-align:center;width:80px;will-change:transform}.input-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-size:cover;background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1) 75%) no-repeat fixed;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.5);color:#a1aac7;display:flex;flex-direction:column;font-weight:400;height:230px;margin:35px auto;padding:1em;width:30em}.input-box,.input-box button{font-family:Quicksand,sans-serif}.input-box button{background-color:rgba(78,145,200,.959);border:2px solid #a1aac700;border-radius:50px;color:#f3f3f3;cursor:pointer;font-size:1.2em;font-weight:500;height:2.5em;margin-top:1em;width:12em}.input-box button:hover{background-color:rgba(121,157,190,.96);margin-top:.85em!important;transition:.15s}.input-box form{margin-top:1em;text-align:center}.input-box form input{background-clip:padding-box;background-color:hsla(0,0%,100%,.103);border-radius:5px;border-width:0;color:#a1aac7;font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;height:35px;line-height:1.5;margin:1em;outline:none;padding:3px 15px;width:250px}.input-box form input:focus{color:#dde0eb}.input-box form .inputs input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)!important}.input-box form .inputs input:-ms-input-placeholder{color:hsla(0,0%,100%,.3)!important}.input-box form .inputs input::placeholder{color:hsla(0,0%,100%,.3)!important}.input-box form img{width:5em}#city::-webkit-input-placeholder,#name::-webkit-input-placeholder{color:#fff}#city:-ms-input-placeholder,#name:-ms-input-placeholder{color:#fff}#city::placeholder,#name::placeholder{color:#fff}.inputs{display:flex;justify-content:center}.box-title{color:#5cb6ff;font-size:36px;justify-content:center}.box-subtitle,.box-title{font-family:Quicksand,sans-serif;text-align:center}.box-subtitle{color:#fff;font-size:1.2em;margin-top:1em}.box-colored{color:#fff;margin:auto}.box-colored-small{color:#fff;font-size:22px}.loading-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.loading-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.loading-ellipsis div:first-child{-webkit-animation:loading-ellipsis1 .6s infinite;animation:loading-ellipsis1 .6s infinite;left:8px}.loading-ellipsis div:nth-child(2){left:8px}.loading-ellipsis div:nth-child(2),.loading-ellipsis div:nth-child(3){-webkit-animation:loading-ellipsis2 .6s infinite;animation:loading-ellipsis2 .6s infinite}.loading-ellipsis div:nth-child(3){left:32px}.loading-ellipsis div:nth-child(4){-webkit-animation:loading-ellipsis3 .6s infinite;animation:loading-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes loading-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loading-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loading-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes loading-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes loading-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes loading-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.info{display:flex;margin:auto;width:100%}.today-container{display:flex;flex-direction:column;margin:0;padding:0 0 0 1.25em;width:55%}.today-name{color:#fff;font-family:Roboto,serif;font-size:3em;margin-left:-.2em;margin-top:.5em;padding-left:.2em;text-transform:capitalize}.today-date{border:solid hsla(0,0%,100%,.73);border-width:0 0 1.5px;font-size:1.8em;margin-left:.4em;margin-top:.5em;padding-bottom:.25em}.today-facts{font-size:1.05em;margin-left:1em;margin-top:2em;overflow:hidden}.today-subtext{color:#fff}.fact{color:#a1aac7;margin-top:5px}.FactIcon{margin-right:.4em}.weather-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:1em 0;padding-bottom:1em;padding-top:1em;width:100%}.weather-firstrow{padding:0 2%;width:100%}.weather-big,.weather-firstrow{display:flex;justify-content:center}.weather-big{align-content:center;align-items:flex-end;flex-direction:column;height:180px;padding-right:0;width:39%}.weather-main{display:flex;margin-bottom:.8em}.weather-icon img{width:95px}.weather-temp{color:hsla(0,0%,100%,.822);font-size:3.5em}.weather-description{display:flex;flex-direction:column;margin-left:.5em}.weather-city{font-size:2em;text-transform:capitalize}.weather-city img{color:red;cursor:pointer;margin-left:.2em;opacity:.8;width:22px}.weather-city img:hover{opacity:1}.weather-specifics{color:hsla(0,0%,100%,.87);display:flex;padding-top:.5em;width:100%}.weather-humidity-container{margin-left:-2em}.weather-rain-container,.weather-wind-container{margin-left:1em}.weather-specifics-cell{display:flex;justify-content:center;width:25%}.weather-specifics-info{display:flex;flex-direction:column;margin-left:.8em}.weather-specifics-title{margin-bottom:.4em}.weather-specifics-value{font-family:Heebo,serif;font-size:1.3em;margin-left:.5em}.weather-specifics-icon{color:#8996c0;font-size:20px;margin-right:3px;margin-top:3px;width:15px}.weather-secondrow{display:flex;justify-content:center;margin-top:1.5em;padding-left:5%;padding-right:5%;width:90%}.weather-hourblock{background-color:hsla(0,0%,100%,.075);border-radius:5px;color:#fff;font-size:.9em;line-height:1.5em;margin:.3em;padding:.5em 0;text-align:center;transition:.25s;width:5em}.weather-hourblock:hover{background-color:hsla(0,0%,100%,.125)}.weather-hourblock-icon{color:#5bb8ee}.weather-hourblock-icon img{height:32px;width:32px}.planner{margin:0 0 40px;min-height:280px;padding:1em;width:64.5%;z-index:500!important}.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.planner h1{color:hsla(0,0%,100%,.822);font-size:22px;font-weight:500;margin:0;padding:5px 0 5px 15px}.app-container{background-color:rgba(50,58,83,.877);margin:0 1em 1em;padding:1em}.app-container h1{color:#f2f7f8;font-family:Indie Flower,serif;font-size:3em;font-weight:700;padding:.8em .8em .3em;text-align:center;text-shadow:-.5px .5px #237492}.single-task{-webkit-tap-highlight-color:rgba(255,255,255,0)!important;-webkit-focus-ring-color:hsla(0,0%,100%,0)!important;align-items:center;background-color:rgba(196,201,216,.85);border-radius:50px;box-shadow:0 5px 5px rgba(0,0,0,.075)!important;color:rgba(0,0,0,.96);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:1em;font-weight:400;height:2.2em;justify-content:space-between;margin:.6em;opacity:.85;outline:none!important;padding-left:20px;padding-right:15px;position:relative;transition:opacity .15s linear;z-index:0!important}.single-task p{margin-bottom:4px;margin-top:5px}#task-input{background-clip:padding-box;background-color:transparent;border:solid hsla(0,0%,100%,.5);border-width:0 0 1px;color:#a1aac7;font-family:Quicksand,sans-serif;font-size:16px;font-weight:400;height:30px;line-height:1.5;margin-bottom:.5em;margin-top:.2em;outline:none;padding:0;transition:.3s;width:75%}#task-input:focus,#task-input:hover{color:#fff}#task-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}#task-input:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}#task-input::placeholder{color:hsla(0,0%,100%,.4)}.new-task-container{align-items:center;display:flex;justify-content:center;margin-left:1em}.add-task{margin-left:auto;margin-right:.6em;min-width:20%;width:3em}.add-button{-webkit-tap-highlight-color:rgba(255,255,255,0)!important;-webkit-focus-ring-color:hsla(0,0%,100%,0)!important;background-color:hsla(0,0%,100%,.15);border-radius:300px;border-width:1px;color:hsla(0,0%,100%,.822);cursor:pointer;font-family:Quicksand,sans-serif;font-size:15px;opacity:1;outline:none!important;padding:.5em;text-align:center;text-decoration:none;-webkit-transform:translateY(-6px);transform:translateY(-6px);transition:.15s}.add-button:hover{background-color:hsla(0,0%,100%,.25)}.add-button:active{background-color:hsla(0,0%,100%,.3);top:3px}.remove-task{color:rgba(26,26,26,.75);display:block;font-size:18px;position:relative;text-align:center;z-index:15!important}.remove-task svg:hover{color:hsla(0,0%,5%,.85);-webkit-transform:scale(1.15);transform:scale(1.15);transition:.1s}.crossed-out{opacity:.25!important;text-decoration:line-through;transition:.5s}.calendar{height:300px;margin:0;max-height:280px!important;padding:1em;width:28%}.calendar-inner{height:220px;margin-top:5px;text-align:center;width:100%}.calendar-inner .days-week tr th{font-family:Heebo,serif;font-size:16px;padding-bottom:5px}.calendar-inner .separator{border-bottom:1px solid hsla(0,0%,100%,.5);height:1px;margin-bottom:.1em;margin-left:.45em;margin-right:auto;text-align:center;width:700%}.calendar td{border-radius:20px;color:#000;width:5px}.calendar .calendar-inner td{text-align:center}.calendar-inner a{-webkit-tap-highlight-color:rgba(255,255,255,0)!important;-webkit-focus-ring-color:hsla(0,0%,100%,0)!important;align-items:center;border:1px solid transparent;border-radius:50px;color:hsla(0,0%,100%,.5);cursor:default;display:flex;font-weight:300;justify-content:center;margin-left:auto;margin-right:auto;max-width:26px;min-height:26px!important;outline:none!important;text-align:center;text-decoration:none}.calendar-inner a:hover{background:hsla(0,0%,100%,.35);color:#000!important;transition:.15s}.calendar .currentDay{background:hsla(0,0%,100%,.75)!important;color:#19191a}.calendar .inactive-day:hover{background:none!important}.calendar h1{color:hsla(0,0%,100%,.822);font-size:22px;font-weight:500;margin:0;padding:5px 0 5px 15px;text-align:center}.error-message{color:#ff5151;margin-left:1em;margin-top:.1em}.input-box .error-message{color:#fb5757df;font-family:Quicksand,serif;font-size:1.1em;font-weight:900;margin-left:0}@media(max-width:1200px){.dashboard{width:90%}.today-container{min-width:15em}.today-name{font-size:2.5em;margin-top:.2em}.weather-firstrow{display:flex;justify-content:center;margin-top:1em;padding:0 2em 0 4em}#AppIcon,#github{display:none}}@media(max-width:1070px){.weather-main{margin:auto;padding-right:2em}.weather-city{margin:auto;text-align:center;width:100%}#AppIcon,#github{display:none}}@media(max-width:1000px){.weather-firstrow{display:flex;justify-content:center;margin-top:1em;width:90%}.weather-specifics-title{font-size:14px}.weather-city{font-size:1.8em;padding-top:.5em}.weather-main{padding-right:1em}.calendar,.planner{width:100%}.planner{margin-bottom:1em}.weather-specifics{display:flex;flex-wrap:wrap}.weather-firstrow{margin-top:2em;padding:0 2em}.weather-specifics-cell{width:50%}.weather-humidity-container,.weather-pressure-container,.weather-rain-container,.weather-wind-container{margin-left:0}.weather-secondrow{justify-content:normal;margin-left:6%;margin-right:6%;overflow-x:scroll;padding-bottom:15px;padding-left:0;padding-right:0}.weather-secondrow::-webkit-scrollbar{height:7px}.weather-secondrow::-webkit-scrollbar,.weather-secondrow::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:20px}.weather-secondrow::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:20px}.weather-hourblock{min-width:5em}#AppIcon,#github{display:none}}@media(max-width:830px){.today-container{border-radius:15px 0 0 15px;margin-right:0;min-width:15em;padding-right:0}.weather-container{justify-content:flex-start}.dashboard{margin-top:2em}.weather-hourblock:hover{background-color:hsla(0,0%,100%,.075)}}@media(max-width:700px){.today-container{min-width:12em;width:85%}.weather-big{margin-top:20px;width:100%}.dashboard{margin-top:0}.input-box{height:15em;padding:1.2em;width:70%}.input-box form input{margin-left:auto;margin-right:auto;width:200px}button{width:8em}.inputs{flex-direction:column}.box-subtitle{font-size:1em}#tsparticles{display:none!important}.calendar{margin-bottom:60px}.weather-city{margin-top:0;padding-top:0}}@media(max-width:580px){.today-date{font-size:1.6em}.today-container{min-width:10em}.weather-big{flex-direction:column;width:100%}.weather-clouds{min-width:5em}.weather-city{font-size:1.5em;width:100%}.weather-hourblock{width:5em}.weather-main{padding:0}.weather-specifics-title{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;text-align:center}.weather-specifics-value{font-size:1.1em}.single-task{font-size:.9em}.add-button{border-radius:30px;font-size:1em!important;padding-left:1.2em;padding-right:1.2em}.add-button:hover{background-color:hsla(0,0%,100%,.15)}.add-button:active{background-color:hsla(0,0%,100%,.3);top:3px}.today-name{font-size:1.5em;margin-top:.2em}#task-input{width:60%}.add-task{min-width:35%}#tsparticles{display:none!important}}@media(max-width:400px){.today-container{min-width:8em}.add-button{border-radius:20px;font-size:.9em}.input-box form input{width:170px}.input-box button{width:10em}#tsparticles{display:none!important}#task-input{font-size:14px;width:55%}.add-task{font-size:14px;min-width:40%}}
/*# sourceMappingURL=main.e4a51673.css.map*/