body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}*{margin:0;padding:0}:root{--white:#fff;--black:#000;--bg-opaque-black:rgba(49,49,49,.7);--bg-opaque-white:hsla(0,2%,63%,.7)}.home-container{align-items:center;display:flex;flex-flow:column;gap:2rem;justify-content:center}.banner{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(https://picsum.photos/1366/768);background-repeat:no-repeat;background-size:cover;height:100vh;width:auto;z-index:-1}.content{flex-flow:column;z-index:1}.intro-text{-webkit-animation:typing 1.2s steps(50),blink-caret 1s step-end infinite;animation:typing 1.2s steps(50),blink-caret 1s step-end infinite;border-right:3px solid #fff;border-right:3px solid var(--white);font-size:5rem;font-weight:700;margin:0 auto;overflow:hidden;white-space:nowrap}.intro-input,.intro-text{color:#fff;color:var(--white)}.intro-input{background-color:transparent;border:none;border-bottom:5px solid #fff;border-bottom:5px solid var(--white);font-size:3rem;padding:2rem;text-align:center;width:60%}.intro-input:focus{outline:none}.intro-button{background-color:#fff;background-color:var(--white);border:none;cursor:pointer;font-size:1.2rem;padding:0 1rem 0 4rem;position:relative;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon,.intro-button{align-items:center;border-radius:2rem;color:#000;color:var(--black);display:flex;height:3rem}.icon{background:#fff;background:var(--white);justify-content:center;left:-.5rem;margin:.5rem;position:absolute;transition:all .3s;width:3rem}.intro-button:hover .icon{width:100%}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff;border-color:var(--white)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff;border-color:var(--white)}}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:transparent;border:.2rem solid var(--white);border-radius:.2rem;color:var(--white);cursor:pointer;display:grid;height:1.5rem;place-content:center;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);width:1.5rem}input[type=checkbox]:before{box-shadow:inset 1rem 1rem var(--white);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:1rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:1rem}input[type=checkbox]:checked:before{-webkit-transform:scale(1);transform:scale(1)}.info-container{display:grid;grid-template-areas:"header" "content" "footer";grid-template-rows:.5fr 4fr .5fr}.header{align-items:center;display:flex;grid-area:"header";justify-content:space-between;margin:.5rem}.searchbar{border:2px solid var(--white);border-radius:2rem;gap:1rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.search-logo,.searchbar{align-items:center;display:flex;padding:.5rem}.search-logo{background-color:#fff;border-radius:50%;color:var(--black)}.search-input{background-color:transparent;border:none;color:var(--white);font-size:1.2rem}.search-input::-webkit-input-placeholder{color:var(--white)}.search-input:-ms-input-placeholder{color:var(--white)}.search-input::placeholder{color:var(--white)}.search-form{align-items:center;display:flex}.search-input:focus{color:var(--white);outline:none}.clear-icon{align-items:center;cursor:pointer;padding:.2rem}.clear-icon,.weather{color:var(--white);display:flex}.weather{flex-flow:column}.weather-temperature{align-items:center;display:flex;font-size:2rem;font-style:italic;font-weight:700;gap:1rem;justify-content:flex-end}.weather-location{font-size:1.1rem}.content{align-items:center;color:var(--white);display:flex;grid-area:"content";justify-content:center}.time{font-size:13rem}.user-message,.user-question{font-size:3rem}.user-focus{align-items:center;display:flex;flex-flow:column;gap:1rem;justify-content:center;width:100%}.focus-title{font-size:1.5rem;font-weight:700;margin-top:1rem}.focus-item,.focus-wrapper{align-items:center;display:flex;gap:1rem}.focus-item{font-size:3rem;font-style:italic;justify-content:center}.strike{text-decoration:line-through}.edit-icon{border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem}.edit-icon:hover{background-color:var(--bg-opaque-black)}.focus-input{background-color:transparent;border:none;border-bottom:5px solid var(--white);color:var(--white);font-size:2rem;padding:2rem;text-align:center;width:40%}.focus-input:focus{outline:none}.footer{color:var(--white);grid-area:"footer";justify-content:space-between;padding:.5rem}.footer,.user-logout{align-items:center;display:flex}.user-logout{cursor:pointer;font-size:1.5rem;gap:1rem}.quote,.todo{font-size:1.2rem}.todo{background-color:var(--white);border-radius:2rem;color:var(--black);cursor:pointer;font-weight:700;padding:.5rem;position:relative}.todo-expand{background-color:var(--bg-opaque-black);bottom:4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:1rem;position:absolute;right:1rem;z-index:1}.todo-header{display:flex;justify-content:space-between}.clear-icon{border-radius:50%;font-size:1.2rem;padding:.5rem}.clear-icon:hover{background-color:var(--bg-opaque-white)}.todo-title{font-size:2rem}.todo-items{display:flex;flex-flow:column;font-size:1.2rem;margin:auto}.item-wrapper,.items{align-items:center;display:flex;justify-content:space-between}.items{gap:1rem;margin:1rem}.delete-icon{border-radius:50%;font-size:1rem;padding:.3rem}.delete-icon:hover{background-color:var(--bg-opaque-white)}.todo-footer{display:flex}.add-button{background-color:transparent;background-color:var(--bg-opaque-white);border:none;border-radius:2rem;color:var(--white);cursor:pointer;padding:.5rem}
/*# sourceMappingURL=main.69477078.css.map*/