.nav{display:flex;justify-content:space-between;align-items:center;background-color:#0a3f42;padding:1rem;position:relative}.nav-logo{color:#fff;font-size:50px;font-weight:700;text-decoration:none}.nav-logo:hover{color:#2e8b57}.nav-ul{list-style:none;display:flex;margin:0;padding:0;flex-direction:row}.nav-item{margin-left:1rem;position:relative}.nav-item a{color:#8ce436;text-decoration:none;font-size:16px;padding:.5rem 1rem;border:1px solid #8ce436;box-shadow:0 0 5px #8ce436,0 0 5px inset;transition:background-color .3s ease;position:relative}.nav-item a:hover{background-color:#2e8b57;border-radius:5px}.nav-item a:after{position:absolute;content:"";top:5px;left:6px;width:90%;height:70%;border:1px solid seagreen;box-shadow:0 0 5px #8ce436 inset;opacity:0;transition:all .3s ease}.nav-item a:hover:after{opacity:1}.menu-icon{display:none;cursor:pointer}@media (max-width: 768px){.nav-ul{padding-bottom:20%;flex-direction:column;text-align:center;width:100%;height:auto;position:absolute;top:100%;right:0;background-color:#0a3f42;display:none;z-index:999}.nav-ul.open{display:flex}.nav-item{margin-left:0;margin-top:3rem;width:100%}.nav-item a{width:100%;text-align:center;font-size:12px;padding:.75rem 3rem;border:.5px solid seagreen;box-shadow:none}.nav-item a:after{position:absolute;content:"";top:5px;left:6px;width:90%;height:70%;border:1px solid seagreen;box-shadow:0 0 5px #8ce436 inset;opacity:0;transition:all .3s ease}.menu-icon{display:block}}body{background-color:#2f4f4f}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}.home-container h1{font-size:36px;margin-bottom:20px;color:#8fbc8f}.home-container h2{font-size:48px;color:#7fffd4}.typing-effect-cursor{font-size:48px;display:inline-block;width:4px;height:1em;background-color:#7fffd4;margin-left:2px}.social-icons{display:flex;justify-content:center;margin-top:20px}.social-icon{width:60px;height:60px;background-color:#7fffd4;text-align:center;font-size:40px;padding-top:5px;margin:0 15px;display:block;border-radius:50%;position:relative;overflow:hidden;border:solid 3px black;z-index:2;color:#262626;transition:.5s}.social-icon:hover{color:#fff;transform:rotateY(360deg)}.social-icon:before{content:"";position:absolute;top:100%;left:0%;width:100%;height:100%;background-color:red;transition:.5s;z-index:-1}.social-icon:hover:before{top:0}.social-icon:nth-child(1):before{background-color:#3b5999}.social-icon:nth-child(2):before{background-color:#e4405f}.social-icon:nth-child(3):before{background-color:#24292e}.social-icon:nth-child(4):before{background-color:#25d366}@media (max-width: 768px){.social-icon{width:50px;height:50px;font-size:30px;padding-top:3px;margin:0 10px}}@media (max-width: 480px){.social-icon{width:40px;height:40px;font-size:25px;padding-top:2px;margin:0 8px}}.weather-container{padding:20px}.search-container{display:flex;gap:10px;align-items:center;width:100%;margin-bottom:20px}.weather-search-input{border:none;border-bottom:1px solid white;background:transparent;color:#f5f5f5;width:100%;padding:10px;font-size:16px;outline:none}.weather-search-button{position:relative;background:linear-gradient(277deg,#d5d5d51a,#d5d5d505 50%,#2a2a2a05 50%,#2a2a2a33),linear-gradient(295deg,#4949494d,#4949491a 50%,#e5e5e51a 50%,#e5e5e508),linear-gradient(145deg,#4d4d4d1a,#4d4d4d1a 50%,#7b7b7b1a 50%,#7b7b7b1a),linear-gradient(54deg,#3333334d,#3333331a 50%,#1d1d1d33 50%,#1d1d1d08),linear-gradient(170deg,#09090905,#09090905 50%,#f3f3f305 50%,#f3f3f305),linear-gradient(264deg,#d6d6d603,#d6d6d603 50%,#99999903 50%,#99999903),linear-gradient(90deg,#6330de,#4cd4e9);padding:10px 15px;border:1px solid black;border-radius:25px 7px;color:#fff;text-transform:uppercase;letter-spacing:.1em;transition:all .7s ease;cursor:pointer}.weather-search-button:after{position:absolute;top:20%;left:50%;background:linear-gradient(45deg,#2e5e95,#3b83d1,#435b8e);width:150px;height:30px;content:"";transform:translate(-50%);border-radius:25px 7px;filter:blur(20px);z-index:-1}.weather-search-button:hover{border-radius:7px 25px;background:linear-gradient(45deg,#ef0781,#ef0781 6%,#d00a70 6%,#d00a70 25%,#b10d60 25%,#b10d60 40%,#93104f 40%,#93104f 45%,#74133e 45%,#74133e 53%,#55162e 53%,#55162e 66%,#36191d 66%,#36191d);letter-spacing:.2em;border:1px solid white}.weather-search-button:disabled{background:gray;cursor:not-allowed}.loading-spinner{display:flex;justify-content:center;align-items:center;margin-top:20px}.spinner{border:8px solid #3b82f6;border-top:8px solid #a5b4fc;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.error-icon{font-size:128px;color:#ef4444;margin-bottom:20px}.error-text{color:#ef4444;font-size:16px}.weather-card{display:flex;flex-direction:column;gap:20px;padding:20px;color:#cbd5e0}.city-name{font-size:24px;font-weight:700}.country-name{font-weight:400}.date{font-size:18px;font-weight:lighter;margin-top:-10px}.weather-icon-container{display:flex;flex-direction:column;align-items:center;margin-top:40px}.weather-icon{font-size:100px;margin-bottom:20px}.temperature-container{text-align:center}.temperature{font-size:48px;font-weight:semibold}.degree{font-size:32px}.weather-description{font-size:16px;font-weight:lighter}.ui-abstergo{--primary: cyan;--secondary: rgba(255, 255, 255, .3);--shadow-blur: 3px;--text-shadow-blur: 3px;--animation-duration: 2s;--size: 1}.abstergo-loader *{box-sizing:content-box}.ui-abstergo{display:flex;flex-direction:column;align-items:center;row-gap:30px;scale:var(--size)}.ui-abstergo .ui-text{color:var(--primary);text-shadow:0 0 var(--text-shadow-blur) var(--secondary);font-family:Menlo,sans-serif;display:flex;align-items:baseline;column-gap:3px}.ui-abstergo .ui-dot{content:"";display:block;width:3px;height:3px;animation:dots var(--animation-duration) infinite linear;animation-delay:.4s;background-color:var(--primary)}.ui-abstergo .ui-dot:nth-child(2){animation-delay:.8s}.ui-abstergo .ui-dot:nth-child(3){animation-delay:1.2s}.ui-abstergo .ui-dot+.ui-dot{margin-left:3px}.abstergo-loader{width:103px;height:90px;position:relative}.abstergo-loader div{width:50px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:21px solid var(--primary);position:absolute;filter:drop-shadow(0 0 var(--shadow-blur) var(--secondary))}.abstergo-loader div:nth-child(1){top:27px;left:7px;rotate:-60deg;animation:line1 var(--animation-duration) linear infinite alternate}.abstergo-loader div:nth-child(2){bottom:2px;left:0;rotate:180deg;animation:line2 var(--animation-duration) linear infinite alternate}.abstergo-loader div:nth-child(3){bottom:16px;right:-9px;rotate:60deg;animation:line3 var(--animation-duration) linear infinite alternate}.abstergo-loader:hover div:nth-child(1){top:21px;left:14px;rotate:60deg}.abstergo-loader:hover div:nth-child(2){bottom:5px;left:-8px;rotate:300deg}.abstergo-loader:hover div:nth-child(3){bottom:7px;right:-11px;rotate:180deg}@keyframes line1{0%,40%{top:27px;left:7px;rotate:-60deg}60%,to{top:22px;left:14px;rotate:60deg}}@keyframes line2{0%,40%{bottom:2px;left:0;rotate:180deg}60%,to{bottom:5px;left:-8px;rotate:300deg}}@keyframes line3{0%,40%{bottom:16px;right:-9px;rotate:60deg}60%,to{bottom:7px;right:-11px;rotate:180deg}}@keyframes dots{0%{background-color:var(--secondary)}30%{background-color:var(--primary)}70%,to{background-color:var(--secondary)}}.chat-container{width:100%;height:88vh;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.chat-box{width:100%;flex:1;padding:20px;overflow-y:auto}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:#f1f1f1}.chat-box::-webkit-scrollbar-thumb{background:#888}.chat-box::-webkit-scrollbar-thumb:hover{background:#555}.message{margin:10px 0;padding:10px;border-radius:10px;max-width:70%;word-wrap:break-word}.message.user{background-color:#8fbc8f;color:#000;align-self:flex-end;margin-left:40%}.message.bot{background-color:#5f9ea0;color:#000;align-self:flex-start}.input-area{width:100%;display:flex;padding:10px}.input-area input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;margin-right:10px;font-size:16px;background-color:#b0e0e6}.input-area button{font-family:inherit;font-size:100%;background:#2e8b57;color:#fff;padding:.7em 1em .7em .9em;display:flex;align-items:center;border:none;border-radius:16px;overflow:hidden;transition:all .2s;cursor:pointer}.input-area button span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.input-area button svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.input-area button:hover .svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}.input-area button:hover svg{transform:translate(1.2em) rotate(45deg) scale(1.1)}.input-area button:hover span{transform:translate(5em)}.input-area button:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}.input-area button:disabled{background-color:#ccc;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}.matches-container{text-align:center;padding:20px;max-width:800px;margin:0 auto}.matches-container h1{color:#7fffd4;font-size:2.5rem;margin-bottom:20px;transition:color .3s ease,transform .3s ease;animation:fadeIn 1s ease-in-out}.matches-container h1:before{content:"✨";margin-right:10px;animation:sparkle 2s infinite}.matches-container h1:after{content:"✨";margin-left:10px;animation:sparkle 2s infinite}.matches-container h1:hover{color:#008b8b;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0}50%{opacity:1}}.error-message{background-color:red;color:wheat;font-size:18px;margin:20% 40%}.matches-list{list-style:none;padding:0}.match-item{background-color:azure;margin:10px auto;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;transition:transform .3s ease}.match-item:hover{transform:translateY(-5px)}.match-details{display:flex;align-items:center;justify-content:space-between;gap:10px}.team-info{display:flex;align-items:center;gap:10px}.team-logo{border-radius:50%;border:1px solid #ddd;width:40px;height:40px}.team-name{font-size:16px;margin:0}.score-info{text-align:center}.score-info h2{font-size:22px;margin:5px 0;color:#333}.score-info p{font-size:16px;margin:5px 0;color:#555}.spinner{border:8px solid #3b82f6;border-top:8px solid #a5b4fc;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:25% auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.team-logo{width:20px;height:20px}.team-name{font-size:12px}.score-info h2{font-size:14px}.score-info p{font-size:12px}.matches-container h1{font-size:2rem}}.Dict{display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:100px}.Dict>span{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{color:#7fffd4;text-shadow:0 0 10px #0652DD,0 0 50px #0652DD,0 0 100px #0652DD}10%,90%{color:#7fffd441;text-shadow:none}}.Dict>span:nth-child(1){animation-delay:0s}.Dict>span:nth-child(2){animation-delay:.25s}.Dict>span:nth-child(3){animation-delay:.5s}.Dict>span:nth-child(4){animation-delay:.75s}.Dict>span:nth-child(5){animation-delay:1s}.Dict>span:nth-child(6){animation-delay:1.25s}.Dict>span:nth-child(7){animation-delay:1.5s}.Dict>span:nth-child(8){animation-delay:1.75s}.Dict>span:nth-child(9){animation-delay:2s}.Dict>span:nth-child(10){animation-delay:2.25s}.Dict>span:nth-child(11){animation-delay:2.5s}.dictionary-container{max-width:80%;margin:20px auto;padding:20px;background-color:#8fbc8f;box-shadow:0 0 10px #0000001a;border-radius:8px}.dictionary-form{display:flex;justify-content:center;margin-bottom:20px}.dictionary-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;margin-right:10px;max-width:300px}.dictionary-button{padding:0 20px;font-size:16px;border:none;border-radius:4px;background:linear-gradient(0deg,#0073ff,#0238fb);color:#fff;cursor:pointer;transition:background-color .3s;line-height:40px;position:relative;overflow:hidden}.dictionary-button:hover{background-color:#55789d;text-decoration:none;color:#fff;opacity:.7}.dictionary-button:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}.dictionary-button:active{box-shadow:4px 4px 6px #ffffff4d,-4px -4px 6px #747d8833,inset -4px -4px 6px #fff3,inset 4px 4px 6px #0003}@keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}to{-webkit-transform:scale(50) rotate(45deg);opacity:0}}.dictionary-error{color:red;text-align:center;margin-top:10px}.dictionary-results{margin-top:20px}.dictionary-results h2{color:#000;margin-bottom:10px}.dictionary-results p{color:#00008b;margin-bottom:10px}.dictionary-meaning{margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.dictionary-meaning h3{color:#8b0000;margin-bottom:10px}.dictionary-definition{margin-bottom:10px;color:#000}.dictionary-example{font-style:italic;color:#000;margin-top:5px}.dictionary-synonyms,.dictionary-antonyms{margin-top:10px;color:#9400d3}@media (max-width: 600px){.dictionary-container{padding:15px}.Dict{font-size:50px}.dictionary-form{flex-direction:column;align-items:center}.dictionary-input{margin-right:0;margin-bottom:10px;width:100%}.dictionary-button{width:100%}}.typing-speed-test{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Arial,sans-serif;padding:20px}.typing-speed-test h1{color:#7fffd4;font-size:50px;font-weight:700;font-family:monospace;letter-spacing:7px;cursor:pointer}.typing-speed-test h1 span{transition:.5s ease-out}.typing-speed-test h1:hover span:nth-child(1){margin-right:5px}.typing-speed-test h1:hover span:nth-child(1):after{content:"'"}.typing-speed-test h1:hover span:nth-child(2){margin-left:30px}.typing-speed-test h1:hover span{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff}.test-area{width:100%;margin:20px 0;padding:20px;background:linear-gradient(to top right,#07232d,#3a4554);background:-webkit-linear-gradient(to top right,rgb(7,27,45),rgb(58,68,84));border:2px solid #444;border-radius:10px;box-shadow:0 4px 8px #00000080}.paragraph{font-size:200%;line-height:1.6;color:#e0e0e0;margin-bottom:20px}.type-input-area{width:100%;height:150px;padding:15px;font-size:16px;border:2px solid #555;border-radius:5px;resize:none;outline:none;background-color:#333;color:#e0e0e0;box-shadow:0 4px 8px #00000080;transition:border-color .3s}.type-input-area:focus{border-color:#007bff}.correct{background-color:#c8e6c9;color:#000}.incorrect{background-color:#ffcdd2;color:#000}.info{display:flex;flex-direction:column;align-items:center;margin-top:20px}.timer{font-size:24px;margin-bottom:10px;color:#8fbc8f}.wpm{font-size:24px;font-weight:700;color:#f0fff0;margin-bottom:10px}.start-button{min-height:53px;min-width:166px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;position:relative;cursor:pointer;background:-webkit-gradient(linear,left top,right top,color-stop(-12.74%,rgba(110,239,255,.5)),color-stop(56.76%,rgba(106,224,255,.271)));background:linear-gradient(90deg,#6eefff80 -12.74%,#6ae0ff45 56.76%);border:2px solid #acf7ff;color:#fff;font-size:18px;font-weight:600}.start-button:before{content:"";width:4px;height:28px;background:#19173b;border:2px solid #acf7ff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;border-top:0;border-left:0;border-bottom:0;bottom:-7px;left:4px;border-bottom-left-radius:10px;border-top-left-radius:10px}.start-button:after{content:"";position:absolute;left:-2px;bottom:-2px;border-top:15px solid transparent;border-left:15px solid #fffcf7}button:hover{transform:scale(1.1);background:linear-gradient(90deg,#6eefff -12.74%,#6ae0ff 56.76%);box-shadow:0 4px 8px #0003;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}@media (max-width: 768px){.test-area{width:95%}.paragraph{font-size:16px}.input-area{height:120px}}.prayer-times-app{max-width:60%;margin:0 auto;padding:20px;text-align:center;background:#84c2afed;box-shadow:.65rem .65rem #2995a3;border-radius:.8rem;overflow:hidden;border:.5rem solid;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.locale-clock{margin-bottom:20px;padding:10px;border-radius:4px;background-color:#c7ffe4;text-align:center;animation:scaleUp .5s ease-in-out}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.locale-clock-label{font-size:18px;font-weight:700;color:#333}.locale-clock-time{font-size:48px;display:block;margin-top:10px;font-weight:700;color:#2f4f4f}.locale-clock-date{font-size:30px;display:block;margin-top:10px;font-weight:700;color:#555}.locale-clock-hijri-date{font-size:28px;display:block;margin-top:10px;font-weight:700;color:#555}.prayersearch{display:inline-block;position:relative}.prayersearch input[type=text]{width:300px;padding:10px;border:none;border-radius:20px;box-shadow:0 0 10px #0000001a}.prayersearch button[type=submit]{background-color:#4ee9b8;border:none;color:#fff;cursor:pointer;padding:10px 20px;border-radius:20px;box-shadow:0 0 10px #0000001a;position:absolute;top:0;right:0;transition:.9s ease}.prayersearch button[type=submit]:hover{transform:scale(1.1);color:#fff;background-color:green}.prayer-times-app .error{font-size:28px;text-align:center;margin-top:20px;background-color:#ef44441a;color:#dc143c;border:1px rgb(239 68 68) solid}.prayer-times-list{list-style:none;padding:0}.prayer-time-item{display:flex;justify-content:space-between;padding:30px 50px;background-color:#c7ffe4;margin:10px 0;border-radius:8px;transition:background-color .3s ease;animation:fadeInItem .5s ease-in-out}@keyframes fadeInItem{0%{opacity:0}to{opacity:1}}.prayer-time-item:hover{background-color:#e3f2fd}.prayer-name{font-weight:600;color:#1e88e5;font-size:28px}.prayer-time{font-weight:500;color:#2c3e50;font-size:22px}@media (max-width: 768px){.prayer-times-app{max-width:90%;padding:15px;font-size:14px}.locale-clock-time{font-size:32px}.locale-clock-date,.locale-clock-hijri-date{font-size:20px}.prayersearch input[type=text]{width:250px;padding:8px;font-size:14px}.prayersearch button[type=submit]{padding:8px 15px;font-size:14px}.prayer-time-item{padding:20px 30px;font-size:16px}.prayer-name{font-size:20px}.prayer-time{font-size:18px}.error{font-size:22px}}@media (max-width: 480px){.prayer-times-app{max-width:95%;padding:10px}.locale-clock-time{font-size:28px}.locale-clock-date,.locale-clock-hijri-date{font-size:18px}.prayersearch input[type=text]{width:200px;padding:6px;font-size:12px}.prayersearch button[type=submit]{padding:6px 10px;font-size:12px}.prayer-time-item{padding:15px 20px;font-size:14px}.prayer-name{font-size:18px}.prayer-time{font-size:16px}.error{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box;align-items:center}