@import url(https://fonts.googleapis.com/css2?family=Jura:wght@300..700&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);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;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}a{cursor:pointer;text-decoration:none}a,a:visited{color:#333}a:hover{box-shadow:0 0 10px solid aqua}.header{gap:3rem;justify-content:space-around;width:100%}.header,.header-nav{align-items:center;background-color:#2a2929;display:flex;height:4rem;padding-left:1rem}.header-nav{gap:1rem;width:60%}.header-nav p{background-color:#fff;border-radius:.5rem;font-size:1rem;font-weight:500;padding:5px;text-align:center}.header-nav p:hover{transform:scale(1.1)}.search{background-color:inherit;border:1px solid #fff;color:#fff;font-size:1rem;margin-left:-5%;padding:5px}.header-nav input,.search{border-radius:.5rem;outline:none}.header-nav input{border:none;height:40%;text-align:center;width:30%}.account{gap:1rem}.account,.log-btn{align-items:center;display:flex;justify-content:center;width:30%}.log-btn{background-color:red;border:none;border-radius:.5rem;color:#fff!important;font-size:1.2rem;font-weight:700;outline:none;padding:5px;text-align:center;white-space:nowrap}.log-btn:hover{transform:scale(1.1)}.log-btn1{background-color:#16def8!important}.hide{display:none}.username-display{align-items:center;border:1px solid aqua;border-radius:1rem;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:1rem;height:auto;justify-content:center;padding:.5rem;position:relative;width:20%}.username-display i{color:aqua;font-size:1.5rem}.logout-box{background-color:inherit;border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:0;top:100%;z-index:100}@media (max-width:768px){.header{flex-direction:column;gap:1rem;height:auto;padding:1rem 0}.header-nav{flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.header-nav input{width:50%}.account{justify-content:center;width:100%}.username-display{width:auto}.log-btn{width:25%}}@media (max-width:480px){.header-nav{flex-direction:column;height:auto}.header-nav p{font-size:.9rem;padding:4px 6px}.header-nav input{width:70%}.search{margin-left:0;width:50%}.log-btn{font-size:1rem;width:40%}.username-display{font-size:1rem;gap:.5rem;padding:.4rem}.username-display i{font-size:1.2rem}.log-btn{width:25%}}.hamburger{color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.hamburger{display:block;position:absolute;right:1rem;top:1rem;z-index:200}.header-nav{align-items:center;background-color:#2a2929;display:none;flex-direction:column;padding:1rem 0;width:100%}.header-nav.open{display:flex}}.footer{background-color:#2a2929;color:#fff;height:3rem;justify-content:center;width:100%}.account-container,.footer{align-items:center;display:flex;text-align:center}.account-container{background-color:rgba(8,8,8,.633);border-radius:.5rem;flex-direction:column;font-family:Jura,Arial,Helvetica,sans-serif;gap:.5rem;height:auto;margin:2rem auto;padding:1rem 1rem 3rem;width:50%}.account-container h1{color:rgba(0,255,42,.807);font-size:2.5rem;margin-bottom:2rem}.account-info{align-items:center;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:5rem;gap:.5rem;height:auto;padding-bottom:1rem;width:100%}.account-action{border-radius:.5rem;color:blue;font-weight:700;margin-top:-1.4rem;padding:.5rem;width:fit-content}.account-action,.action-button{background-color:#fff;font-size:1.3rem}.action-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-family:Jura,Arial,Helvetica,sans-serif;height:2.5rem;justify-content:center;outline:none;text-decoration:none;width:100%}.account-info input{border:none;border-bottom:1px solid gray;outline:none;text-align:center}.account-container label{font-size:1.5rem}.forgot{font-size:1.1rem;text-decoration:none}@media (max-width:768px){.account-container{padding:1rem;width:90%}.account-container h1{font-size:2rem}.account-info{gap:1rem;padding:1rem .5rem}.account-container label{font-size:1.2rem}.action-button{font-size:1.1rem;height:2.2rem}.account-action{font-size:1.1rem;padding:.4rem}.forgot{font-size:1rem}}@media (max-width:480px){.account-container h1{font-size:1.6rem}.account-action,.account-container label,.action-button{font-size:1rem}.forgot{font-size:.95rem}}.content-container{align-items:flex-start;display:flex;gap:1rem;height:auto;justify-content:center;margin:3rem 1rem 1rem;width:100%}.usecontextexample{align-items:center;background:linear-gradient(90deg,#0000 0,#0a1e3299 20%,#0a1e3299 80%,#0000);border-radius:1rem;color:#a2ffff;display:flex;font-size:1.5rem;height:3rem;justify-content:center;margin:1rem auto;overflow:hidden;padding:1rem 0;position:relative;text-shadow:0 0 5px #2ed2ff,0 0 10px #2ed2ff;white-space:nowrap;width:80%}.usecontextexample span{animation:scrollText 10s linear infinite;display:inline-block;padding-left:100%}@keyframes scrollText{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (max-width:900px){.content-container{align-items:center;flex-direction:column;gap:.5rem;margin:.5rem;padding:0}.container,.left-pannel,.right-pannel{margin:0;padding:.5rem;width:90%!important}.socials{flex-wrap:wrap;gap:.3rem;justify-content:center;width:90%!important}.usecontextexample{font-size:1.2rem;margin:.5rem auto;padding:.5rem;width:100%}}@media (max-width:500px){.usecontextexample{font-size:1rem;padding:.4rem}.left-pannel a,.right-pannel a{font-size:1rem;text-align:center}.container h2{font-size:1.2rem;text-align:center}.socials{gap:.2rem}}.left-pannel{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:30%}.left-pannel,.left-pannel a{border-radius:.5rem;height:auto}.left-pannel a{box-shadow:0 0 5px #4e4e4e;font-size:1.2rem;padding:5px;text-align:center;width:90%}.left-pannel a:hover{transform:scale(1.1)}.container{align-items:center;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:auto;justify-content:center;width:40%}.container h2{padding:.5rem}.card-main{word-wrap:break-word;align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding-bottom:.5rem;text-align:center}.card-main,.card-main img{border-radius:.5rem;height:auto;width:100%}.card-main img{background-repeat:no-repeat;background-size:contain}.socials{align-items:center;display:flex;gap:.5rem;height:auto;justify-content:center;width:50%}.socials a{opacity:.6}.socials p{word-wrap:break-word;opacity:.5;overflow-wrap:break-word;text-align:center;word-break:break-word}.right-pannel{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:30%}.right-pannel,.right-pannel a{border-radius:.5rem;height:auto}.right-pannel a{box-shadow:0 0 5px #4e4e4e;font-size:1.2rem;padding:5px;text-align:center;width:90%}.right-pannel a:hover{transform:scale(1.1)}.todo-container{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:1rem;margin:3rem auto;padding:1rem;width:50%}.todo-container,.todo-main{align-items:center;display:flex;height:auto;justify-content:center}.todo-main{flex-wrap:wrap;gap:.5rem;width:90%}.todo-main input,.todo-main input[type=date],.todo-main select{border:none;border-bottom:1px solid gray;border-radius:.3rem;font-size:1.1rem;outline:none;padding:5px;text-align:center}.todo-main input[type=text]{width:30%}.todo-main select{width:20%}.todo-main input[type=date]{width:25%}.todo-main button{background-color:#05fc22;border:none;border-radius:.5rem;cursor:pointer;font-size:1.3rem;font-weight:700;min-width:100px;outline:none;padding:.5rem;text-align:center;width:25%}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-evenly;margin-top:.5rem;width:100%}.filter-buttons button{background-color:#2a2929;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;padding:.3rem .8rem;transition:.3s ease;width:30%}.filter-buttons button:hover{background-color:#aaa;color:#fff}.task-list{display:flex;flex-direction:column;gap:.5rem;height:auto;margin-top:1rem;width:90%}.task-item{align-items:center;border-radius:.5rem;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.6rem 1rem;word-break:break-word}.task-left{flex-grow:1}.task-left p{font-size:1.2rem;margin:0}.completed{opacity:.7;text-decoration:line-through}.task-meta{font-size:.9rem;font-style:italic;margin-top:4px}.task-actions{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;gap:10px;justify-content:center;margin-left:1rem}.pen{color:#00a2ff}.delete{color:red}.check{color:#32cd32}@media (max-width:768px){.todo-container{padding:1rem;width:80%}.todo-main input[type=text]{font-size:1rem;width:50%}.todo-main input[type=date],.todo-main select{font-size:1rem;width:25%}.todo-main button{font-size:1rem;width:100%}.task-left p{font-size:1rem}.task-actions{font-size:1.2rem}}@media (max-width:480px){.todo-container{width:95%}.todo-main{flex-direction:column;gap:.5rem}.todo-main button,.todo-main input,.todo-main input[type=date],.todo-main select{text-align:center;width:100%}.filter-buttons{flex-direction:column;gap:.3rem}.task-actions{font-size:1.1rem;gap:.5rem}.task-left p{font-size:.95rem}.task-meta{font-size:.85rem}}.pass-reset{background-color:rgba(8,8,8,.633);box-shadow:0 0 10px aqua;color:#fff;font-family:Jura,Arial,Helvetica,sans-serif;height:auto;justify-content:space-evenly;margin:3rem auto;padding:1rem 1rem 4rem;width:40%}.pass-reset,.recheck{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.recheck{background-color:#fff;box-shadow:0 0 10px #000;justify-content:center;padding:1rem;width:80%}.pass-in{display:flex;gap:.5rem}.pass-in input{border:none;border-bottom:1px solid gray;outline:none}.pass-in button{background-color:#00f846}.pass-in button,.pass-submit{border:none;border-radius:.5rem;color:#fff;font-weight:700;padding:10px}.pass-submit{background-color:aqua}@media (max-width:768px){.pass-reset{margin:2rem auto;padding:1rem .5rem;width:90%}.recheck{padding:.8rem}.pass-in,.recheck{gap:.8rem;width:100%}.pass-in{align-items:center;flex-direction:column;justify-content:center}.pass-in input{font-size:1rem;height:3rem;width:100%}.pass-in button{font-size:1rem;width:5rem}.pass-submit{font-size:1rem;width:100%}}.go-to-signup{color:#f71eab}.dog-container{flex-wrap:wrap;gap:1rem;padding:1rem;width:100%}.dog-card,.dog-container{align-items:center;display:flex;height:auto;justify-content:center}.dog-card{background-color:#fff;border-radius:.5rem;flex-direction:column;gap:.5rem;padding-bottom:.5rem;text-align:center;width:20%}.dog-card img{border-radius:.5rem;height:300px;object-fit:cover;width:100%}@media (max-width:768px){.dog-card{width:45%}.dog-card img{height:250px}}@media (max-width:480px){.dog-card{width:90%}.dog-card img{height:200px}}.loading-message{align-items:center;color:#de1b89;display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;justify-content:center;margin:3rem auto}.spinner{animation:spin 1s linear infinite;border:5px dotted #de1b89;border-radius:50%;height:50px;margin-top:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.about-container{animation:fadeIn .4s ease-in;background-color:#101010;border-radius:1rem;box-shadow:0 0 15px #00ffff1a;color:#fff;margin:2rem auto;max-width:900px;padding:2rem}.about-container h1{color:aqua;font-size:2.5rem}.about-container h1,.greeting{margin-bottom:1rem;text-align:center}.greeting{color:#90ee90;font-size:1.2rem}.about-list{list-style:none;margin-top:1rem;padding-left:0}.about-list li{background-color:#1a1a1a;border-left:5px solid aqua;border-radius:8px;margin:.5rem 0;padding:1rem;transition:background .3s}.about-list li:hover{background-color:#222}.about-footer{color:#ccc;font-style:italic;margin-top:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-container{padding:1.5rem}.about-container h1{font-size:2rem}.greeting{font-size:1rem}.about-list li{padding:.8rem}}@media (max-width:480px){.about-container{padding:1rem}.about-container h1{font-size:1.5rem}.about-list li,.greeting{font-size:.95rem}.about-list li{padding:.7rem}.about-footer{font-size:.9rem}}.ai-container{align-items:center;background-color:#0f1b21;border-radius:1rem;color:#fff;display:flex;flex-direction:column;gap:1rem;margin:1rem auto;padding:1rem;width:70%}.ai-header{font-size:4rem;font-weight:500;padding-bottom:2rem}.ai-header span{color:#de1b89;font-weight:600}.ai-image-box{display:flex;flex-direction:column;height:auto;width:70%}.ai-image img{height:auto;object-fit:contain;width:100%}.ai-search{align-items:center;background-color:#1f3540;border-radius:1rem;display:flex;height:4rem;justify-content:space-around;width:70%}.ai-search-input{background:#0000;border:none;color:#fff;font-size:1.1rem;height:3rem;margin-right:2rem;outline:none;padding-left:1rem;width:70%}.ai-search-input::placeholder{color:#999}.ai-gen-btn{align-items:center;background:#de1b89;border-radius:1rem;cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;width:20%}.notice{width:70%}@media (max-width:768px){.ai-container{padding:1rem;width:90%}.ai-header{font-size:2.5rem}.ai-image-box{padding:.5rem;width:100%}.ai-image img{height:auto;width:100%}.ai-search{flex-direction:column;gap:1rem;height:3.5rem;padding:.5rem;width:100%}.ai-search-input{height:2.5rem;margin-right:0;width:100%}.ai-gen-btn{box-sizing:border-box;height:3rem;margin-top:1rem;max-width:250px;padding:0 1rem;width:100%}.notice{padding:1rem;width:100%}}.weather-container{align-items:center;background-color:rgba(8,8,8,.633);border-radius:.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:center;margin:1rem auto;padding:1rem;width:50%}.weather-input{align-items:center;display:flex;justify-content:space-between;width:80%}.weather-input input{background-color:inherit;border:none;border-radius:.5rem;box-shadow:0 0 10px #00b7ff;text-align:center;width:70%}.weather-input input,.weather-search{color:#fff;font-size:1.1rem;outline:none;padding:.5rem}.weather-search{background-color:#f32ba6;border:none;border-radius:10px;cursor:pointer;font-weight:700;width:25%}.weather-info{align-items:center;background-color:#fff;border-radius:.5rem;color:#333;display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:center;padding:1rem;width:80%}.weather-info h2{background-color:#080808bd;border-radius:.5rem;color:#fff;padding:.7rem}.weather-info-discription{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center;width:80%}.weather-info-discription i{color:aqua;font-size:2rem}@media (max-width:768px){.weather-container{padding:1rem;width:90%}.weather-input{flex-direction:column;gap:.5rem;width:100%}.weather-input input{box-shadow:0 0 6px #00b7ff}.weather-input input,.weather-search{font-size:1rem;width:100%}.weather-info{font-size:.95rem;padding:1rem;width:100%}.weather-info-discription{flex-direction:column;gap:.5rem;text-align:center;width:100%}.weather-info-discription i{font-size:1.5rem}}.expense-container{align-items:center;background-color:rgba(34,32,32,.796);border-radius:.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;margin:3rem auto;padding:1.5rem;width:50%}.title-expense{color:#adff2f;font-size:2rem}.expense-input{display:flex;gap:.5rem;margin-bottom:20px}.expense-input input,.expense-input select{border:none;border-radius:.5rem;font-size:1rem;outline:none;padding:.5rem;width:40%}.expense-input button{background-color:#f112c8;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:.5rem 1rem}.expense-type{margin-bottom:20px}.expense-type button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;margin-right:.6rem;padding:.5rem 1rem}.expense-list h3{color:#adff2f}.expense-list ul{list-style-type:none;padding:0}.expense-list li{border-bottom:1px solid #ccc;display:flex;gap:1rem;justify-content:space-between;padding:6px 0}.expense-list button{background-color:#ff4d4d;border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.2rem .5rem}.expense-total{font-weight:700;margin-top:1.5rem}@media (max-width:768px){.expense-container{padding:1rem;width:90%}.expense-input{align-items:stretch;flex-direction:column}.expense-input button,.expense-input input,.expense-input select{margin-bottom:.5rem;width:100%}.expense-type{align-items:stretch;display:flex;flex-direction:column}.expense-type button{margin-bottom:.5rem;width:100%}.expense-list li{align-items:flex-start;flex-direction:column}}.typing-container{align-items:center;background-color:rgba(34,32,32,.796);border-radius:1rem;box-shadow:0 0 10px #ebcd21;color:#fff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin:3rem auto;padding:2rem;width:50%}.typing-title{color:#adff2f;font-size:2rem}.typing-container hr{background-color:aqua;height:3px;margin-top:-1rem;width:10%}.typing-container textarea{background-color:#1e1e1e;border:none;color:#fff;font-size:1rem;outline:none;resize:vertical}.typing-container textarea,.typing-info{border-radius:.5rem;padding:1rem;width:100%}.typing-info{align-items:center;background-color:#555353;display:flex;font-size:1.1rem;justify-content:space-around}.typing-info h2,.typing-info p{color:#fff;font-weight:700;margin:0}.typing-info h2{color:#0fc}@media (max-width:1024px){.typing-container{width:70%}}@media (max-width:768px){.typing-container{padding:1.5rem;width:90%}.typing-container hr{width:20%}.typing-info{align-items:center;flex-direction:column;gap:.5rem}}@media (max-width:480px){.typing-container{padding:1rem;width:95%}.typing-container hr{width:30%}.typing-container h2{font-size:1.5rem}.typing-container textarea{font-size:.9rem}.typing-info{font-size:1rem}}.randomuser-container{align-items:center;background-color:hsla(0,0%,8%,.751);border-radius:1rem;color:#fff;display:flex;flex-direction:column;gap:2rem;height:auto;justify-content:space-between;margin:3rem auto;padding:1rem 1rem 2rem;width:60%}.randomuser-container h1{font-size:2.5rem;font-weight:900}.randomuser-container hr{background-color:#fff;border:none;border-radius:1rem;height:.5rem;outline:none;width:90%}.randomuser-container button{background-color:#fd8a10;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;height:auto;outline:none;padding:.5rem;width:30%}.randomuser-container button:hover{transform:scale(.9)}.user-container{align-items:center;background-color:#fff;border-radius:1rem;color:#333;display:flex;flex-direction:column;gap:1rem;height:auto;justify-content:center;padding:1rem;text-align:center;width:90%}.user-container img{border-radius:50%;box-shadow:0 0 10px aqua;height:auto;object-fit:contain;width:30%}.user-container span{color:#05b2fd}@media (max-width:1024px){.randomuser-container{width:80%}.randomuser-container h1{font-size:2rem}.randomuser-container button{font-size:1.2rem;width:50%}.user-container img{width:40%}}@media (max-width:767px){.randomuser-container{padding:1rem .5rem;width:90%}.randomuser-container h1{font-size:1.8rem;text-align:center}.randomuser-container button{font-size:1rem;padding:.5rem;width:70%}.user-container{gap:.5rem;width:100%}.user-container img{width:50%}}
/*# sourceMappingURL=main.4d2e383a.css.map*/