@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,600;6..12,800&display=swap";header>*{width:50%;display:flex;align-items:center;transition:all .5s ease-in-out}header a{text-decoration:none}header nav:nth-child(2){justify-content:flex-end}header button{display:flex;gap:0 10px;cursor:pointer;align-items:center;padding:5px;--scolor: var(--lightmode-Blue);color:var(--scolor);font-weight:600;transition:all .5s ease-in-out}header h4{font-weight:600;font-size:1rem}._famoon_1rb98_33,._moon_1rb98_36{font-size:1rem}header h1{font-weight:800;font-size:1.7rem;transition:all .5s ease-in-out;--h1color: var(--lightmode-Blue);color:var(--h1color)}header button{background-color:transparent;border:none}@media screen and (max-width: 500px){header h1{font-size:1.3rem}header h4 span{display:none}}@media screen and (max-width: 300px){header>*{width:auto}header h1{font-size:1rem}header h4,._famoon_1rb98_33,._moon_1rb98_36{font-size:.8rem}}@media screen and (max-width: 200px){header h4{display:none}}._main_section_1yscn_1{width:100%;display:flex;gap:0 3%;flex-wrap:wrap;justify-content:center}._inputss_1yscn_8{display:flex;padding-bottom:30px;flex-wrap:wrap;gap:20px;justify-content:space-between}@media screen and (max-width: 500px){._main_section_1yscn_1{display:flex;flex-direction:column;align-items:center}}.skeleton{background-color:#ddd;transition:all .5s ease-in-out;border-radius:4px}.skeleton.btn{height:3em;min-width:100px;margin:10px 0}.skeleton.text{width:100%;height:12px;margin-bottom:10px}.skeleton.title{width:50%;height:20px;margin-bottom:20px}.skeleton.title2{width:100%;height:20px;margin-bottom:40px}.skeleton.img,.card-wrapper img{width:100%;aspect-ratio:1/.5;margin-bottom:20px;border-radius:4px 4px 0 0}.skeleton.input_1,.skeleton-list-search input,.skeleton.input_2{width:100%;height:50px}.skeleton.img2{width:100%;min-height:300px}.skeleton-list-search{width:clamp(350px,40%,450px);border-radius:4px;transition:all .5s ease-in-out;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;overflow:hidden;position:relative}.skeleton-list-filter{width:clamp(170px,15%,250px);box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;border-radius:4px;transition:all .5s ease-in-out;overflow:hidden;position:relative}.skeleton-list-search input{background:transparent;border:none;padding-left:5%;font-weight:600;padding-right:10%;color:#111517}.skeleton-list-search input:focus{outline:1px solid hsl(200,15%,8%)}.skeleton-list-search.dark input,.skeleton-list-search.dark #search,.skeleton-list-search.dark input::placeholder,.skeleton-list-filter.dark select,.input_elements.dark li #li_btn{color:#fff}#search-btn{position:absolute;top:50%;height:100%;padding:5px 4%;border:none;background-color:#111517;cursor:pointer;transform:translateY(-50%);font-size:1rem;outline-offset:0;color:#fafafa;right:0}.skeleton-list-search.dark #search-btn{color:#fff}#mySelect{width:100%;height:50px;cursor:pointer;background:transparent;border:none;font-weight:600}.skeleton-wrapper{width:clamp(230px,22%,500px);padding-bottom:30px;overflow:hidden;padding-top:0;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;border-radius:4px;position:relative;transition:all .5s ease-in-out;margin-bottom:60px}.skeleton-wrapper.light,.skeleton-list-filter.light,.skeleton-list-search.light,.details-div.light,.input_elements.light{background-color:#fff}.details-div2{background-color:transparent}.skeleton-wrapper.dark,.skeleton-list-filter.dark,.skeleton-list-search.dark,.details-div.dark,.input_elements.dark{background-color:#2b3945}.skeleton-wrapper.dark .skeleton,.details-div2.dark .skeleton{background-color:#1c2730}.skeleton-list-filter.dark .skeleton,.skeleton-list-search.dark .skeleton,.details-div.dark .skeleton{background-color:inherit}.skeleton-list-container{padding:0 10%;width:100%;display:flex;flex-direction:column;align-items:flex-start}.skeleton-wrapper.dark .skeleton-list-container h3,.skeleton-wrapper.dark .skeleton-list-container ul>*{color:#fff}.skeleton-list-container h3{font-weight:800;width:100%;text-align:left;color:#111517;margin-bottom:18px}.skeleton-list-container ul>*{margin-bottom:10px}.shimmer-wrapper{position:absolute;top:0;height:100%;left:0;width:100%;animation:loading 2s infinite}.shimmer{width:50%;transform:skew(-20deg);height:100%;background-color:#f5f5f233;box-shadow:0 0 30px 30px #f5f5f20d}.dark .shimmer{background-color:#f5f5f20d}.card-wrapper{display:flex;border:none;align-items:flex-start;flex-direction:column;cursor:pointer;transition:all .3s ease-in-out}.card-wrapper:hover{box-shadow:#00000012 0 1px 2px,#00000012 0 2px 4px,#00000012 0 4px 8px,#00000012 0 8px 16px,#00000012 0 16px 32px,#00000012 0 32px 64px}.card-wrapper li{list-style:none;width:100%;font-weight:300;color:#111517;text-align:left}.card-wrapper img{width:100%;margin-bottom:25px}#mySelect option{margin-top:50px;height:50px;cursor:pointer;background:#fff;font-weight:600;color:inherit;padding:5px}.skeleton-list-filter.dark #mySelect option{background-color:#2b3945}#mySelect option:hover,#mySelect option:focus{background:#202c37;outline:1px solid black}.border-btns p{color:var(--secondColor)}.details-div,.details-div2{width:clamp(400px,45%,600px);overflow:hidden;margin-right:5%;padding-top:0;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;border-radius:6px;position:relative;transition:all .5s ease-in-out}.details-div2,.dmain-div2{margin:0;padding:20px 2%;flex-wrap:wrap}#span_c{width:100%;display:flex;flex-wrap:wrap;padding-bottom:60px}#dtspans{display:flex;flex-direction:column;width:50%;padding-right:5%}.dmain-section{display:flex;flex-wrap:wrap}.dmain-section img{width:100%;max-height:300px;object-position:center;object-fit:cover;height:100%}.dt.darkmode{--color: hsl(0, 0%, 100%);--secondColor: hsl(0, 0%, 98%)}.dmain-div,.dmain-div2{width:clamp(400px,45%,600px);overflow:hidden;margin-right:5%;padding-top:0;position:relative;transition:all .5s ease-in-out}.dmain-div2 li strong{font-weight:600;color:var(--color)}.dmain-div2 li{list-style:none;color:var(--secondColor);font-weight:300;padding-bottom:5px;font-size:.9rem}.dmain-div2>*{width:100%}.dmain-div2 *{transition:.5s ease-in-out}.dmain-div2{box-shadow:none;display:flex;flex-wrap:wrap;background-color:transparent}:root{--color: hsl(200, 15%, 8%);--secondColor: hsl(0, 0%, 52%) }.dmain-div2 h2{font-weight:800;padding-bottom:20px;font-size:2rem;color:var(--color)}.dmain-div2 .borders{display:flex;gap:10px;align-items:center}.dmain-div2 strong{padding-right:5px;transition:all .01s ease-in-out}.dmain-div2 .borders>*{height:100%}.dmain-div2 .borders h6{font-size:.9rem;margin-right:20px;display:flex;width:120px;align-items:center;color:var(--color);height:3em;font-weight:600}.dmain-div2 .borders .border-btns{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#dmain-section #button{color:var(--secondColor)}#sk_search{overflow:visible}.input_elements{position:absolute;z-index:2000;top:105%;width:100%;transition:all .5s ease-in-out}.input_elements *{transition:all .3s ease-in-out}.input_elements.dark #l1_btn{color:#fff;border:1px solid hsl(208.7deg 26.44% 17.06%)}.input_elements.light #l1_btn:hover,.input_elements #l1_btn:focus{color:#fff}.input_elements #l1_btn:hover,.input_elements #l1_btn:focus{background-color:#111517;border:1px solid hsl(200,15%,8%)}.input_elements li{list-style:none;width:100%}#l1_btn{width:100%;outline:none;background-color:transparent;text-align:left;font-weight:600;padding:15px 5%;cursor:pointer;border:1px solid #d3d3d3}@keyframes loading{0%{transform:translate(-150%)}50%{transform:translate(-60%)}to{transform:translate(150%)}}@media screen and (max-width: 1000px){.dmain-div,.dmain-div2,.details-div,.details-div2{width:45%}}@media screen and (max-width: 800px){.dmain-div,.dmain-div2,.details-div,.details-div2{width:100%;margin-bottom:30px;padding-right:0;margin-right:0}.dmain-div2 li{padding-bottom:10px}#dmain-section .borders{flex-wrap:wrap;gap:0}#dmain-section .borders h6{height:auto;padding-bottom:20px}#dmain-section .borders>*{height:auto;width:100%}#dtspans{width:100%;padding-right:0}#span_c,.dtspan{padding-bottom:30px}#dmain-section .border-btns{gap:20px 3.5%;justify-content:center}#dmain-section #button{width:31%;min-width:50px}}@media screen and (max-width: 700px){.skeleton-wrapper{width:45%}.skeleton-list-search{width:100%}.dmain-section img{max-height:none;border-radius:none;aspect-ratio:1/.8}}@media screen and (max-width: 500px){.skeleton-wrapper{width:100%}.dmain-div2 h2{font-size:1.5rem}}@media screen and (max-width: 320px){.skeleton-list-filter{width:50%}}._dt_section_1b47f_1{display:flex;width:100%;flex-wrap:wrap;align-items:center}._btn_div_1b47f_7{width:100%;padding-bottom:60px}@media screen and (max-width: 500px){._btn_div_1b47f_7{padding-bottom:30px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#888}::-webkit-scrollbar-track{background-color:#f1f1f1}body{margin:0 auto}img{object-fit:cover}.appp{width:100%;justify-content:center;display:flex;transition:all .5s ease-in-out;background:#fafafa}.appp.darkmode{background-color:#202c37}html{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.header{width:100%;display:flex;max-width:1700px;margin:0 auto;flex-wrap:wrap;align-items:center;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;padding:20px 5%;transition:all .5s ease-in-out;justify-content:space-between;--bgcolor: var(--White);position:absolute;background-color:var(--bgcolor)}.header.darkmode{--bgcolor: var(--Dark-Blue)}.header.darkmode h1{--h1color: var(--White)}.header.darkmode button{--scolor: var(--White)}.home{min-height:100dvh;width:100%;max-width:1700px;padding:130px 5% 40px;--bghome: var(--Very-light-gray);background-color:var(--bghome);transition:all .5s ease-in-out}#ho_me.darkmode{--bghome: var(--hm-bg);--nfound: var(--White);--bodyColor: hsl(200, 15%, 8%)}.dt{min-height:100dvh;width:100%;--dthome: var(--Very-light-gray);padding:130px 5% 40px;background-color:var(--dthome);transition:all .5s ease-in}.dt.darkmode{--dthome: var(--hm-bg)}.dt.darkmode #button,.nfound.darkmode #button{--bthome: var(--Dark-Blue);--btcolor: var(--White)}:root{--nfound: var(--lightmode-Blue);--new: hsl(200, 15%, 8%);--bodyColor: hsl(0, 0%, 98%)}.card-wrapper #button{margin-top:10px;background-color:#111517;color:#fafafa;font-weight:300}.card-wrapper #button:focus{outline:2px solid hsl(200,15%,8%)}#button{--bthome: var(--White);--btcolor: var(--lightmode-Blue);display:flex;height:3em;outline-offset:3px;width:100px;align-items:center;justify-content:center;background-color:var(--bthome);border-radius:3px;font-weight:600;letter-spacing:1px;transition:all .2s linear;cursor:pointer;border:none;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;color:var(--btcolor)}#button>svg{margin-right:5px;margin-left:5px;font-size:20px;transition:all .4s ease-in}.dt.darkmode #button>.red-svg{fill:#fff}.dt #button>.red-svg{fill:var(--lightmode-Blue)}#button:hover>svg{font-size:1.2em;transform:translate(-5px)}#button:hover{box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;transform:translateY(-2px)}#button span{transition:all .01s ease-in}#not_found h1{color:var(--nfound);font-size:2rem}#not_found{width:100%;padding-top:40px;display:flex;justify-content:center;align-items:center}.nfound{--ncol: var(--Very-light-gray);background-color:var(--ncol);display:flex;min-height:100dvh;max-width:1700px;align-items:center;padding:100px 5% 40px;transition:all .5s ease-in-out;gap:20px 0;flex-direction:column;width:100%;justify-content:center}.nfound.darkmode{--ncol: var(--hm-bg);--new: hsl(0, 0%, 100%)}#nfound img{width:clamp(200px,15%,300px)}#nfound p,#nfound h2{color:var(--new);text-align:center}#btn{background:#fbca1f;font-family:inherit;padding:.6em 1.3em;font-weight:900;font-size:18px;border:3px solid black;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer}#btn:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}#btn:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.pagination{--clr: hsl(200, 15%, 8%);--aclr: hsl(0, 0%, 98%);--abg: hsl(200, 15%, 8%);list-style:none;display:flex;width:100%;flex-wrap:wrap;color:var(--clr);justify-content:center;margin:1rem 0 4rem;font-size:1.2rem;gap:20px 5px}#ho_me.darkmode .pagination{--clr: hsl(0, 0%, 98%);--aclr: hsl(200, 15%, 8%);--abg: hsl(0, 0%, 98%)}.pagination .page-num{padding:8px 15px;transition:.3s ease-in;cursor:pointer;color:var(--clr);border-radius:3px;font-weight:600}.pagination .page-num:hover,.pagination .actives{background-color:var(--abg);color:var(--aclr)}.scroll-btn{position:fixed;bottom:10%;transition:.5s ease-in-out;right:4%}.butt{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #b4a0ff41;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.svgIcon{width:12px;transition-duration:.3s}.svgIcon path{fill:#fff}.butt:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#b5a0ff;align-items:center}.butt:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.butt:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0px}.butt:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.dt_notfound{width:100%;margin-top:30px;padding:10px 0;flex-direction:column;display:flex;gap:10px 0;justify-content:center;align-items:center}.dt_notfound p{font-weight:400;text-align:center;font-size:1rem;transition:all .5s ease-in-out;color:#111517}.dt_notfound h2{font-size:2rem;font-weight:800;text-align:center;transition:all .5s ease-in-out;color:#111517}.dt_notfound.darkmode h2,.dt_notfound.darkmode p{color:#fff}@media screen and (max-width: 500px){.home,.dt{padding-top:100px}#not_found{padding-top:30px}#not_found h1{font-size:1.5rem}}@media screen and (max-width: 250px){#nfound img{width:80%}}:root{--Dark-Blue: hsl(209, 23%, 22%);--darkmode-Blue: hsl(207, 26%, 17%);--lightmode-Blue: hsl(200, 15%, 8%);--Dark-Gray: hsl(0, 0%, 52%);--Very-light-gray: hsl(0, 0%, 98%);--hm-bg: hsl(208.7deg 26.44% 17.06%);--White: hsl(0, 0%, 100%)}