.style_header__xkUl_{backdrop-filter:blur(10px);height:70px;width:100%;display:flex;align-items:center;padding:0 60px;position:sticky;top:0;z-index:10}@media(max-width:720px){.style_header__xkUl_{padding:0 10px}}.style_header__xkUl_ .style_navbar__eu9lF{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.style_header__xkUl_ .style_navbar__eu9lF .style_codeby__tfAI3{flex:1;text-align:left;font-size:24px;color:rgba(60,60,60,.9);font-family:gristela,sans-serif}@media(max-width:580px){.style_header__xkUl_ .style_navbar__eu9lF .style_codeby__tfAI3{font-size:12px}}.style_header__xkUl_ .style_navbar__eu9lF .style_title__wswu2{flex:1;text-align:center;font-size:48px;font-family:Rosca,sans-serif;background-color:#f3ec78;background-image:linear-gradient(45deg,#3338cc,#80a5ff,#2d00a8);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}@media(max-width:720px){.style_header__xkUl_ .style_navbar__eu9lF .style_title__wswu2{font-size:22px}}.style_header__xkUl_ .style_navbar__eu9lF .style_menu__sgGL9{flex:1;display:flex;justify-content:flex-end;text-align:right}.style_header__xkUl_ .style_navbar__eu9lF .style_menu__sgGL9 img{width:30px;height:30px;object-fit:contain}@media(max-width:720px){.style_header__xkUl_ .style_navbar__eu9lF .style_menu__sgGL9 img{width:25px;height:25px}}@media(max-width:580px){.style_header__xkUl_ .style_navbar__eu9lF .style_menu__sgGL9 img{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}.line1,.line2{position:absolute;background-color:#e4ebf1;height:200%;width:30px;box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec0}@media(max-width:720px){.line1,.line2{display:none}}.line1{top:450px;left:100px}.line2{top:450px;right:100px}.svgg{position:absolute;opacity:.6;top:90px;left:50%;z-index:-1}.container{width:90%;margin:0 auto;padding:3rem 10rem}@media(max-width:1400px){.container{padding:3rem}}@media(max-width:1200px){.container{padding:3rem 2rem}}@media(max-width:920px){.container{padding:3rem 8rem}}@media(max-width:840px){.container{padding:3rem 7rem}}@media(max-width:720px){.container{padding:3rem 5rem}}@media(max-width:540px){.container{padding:3rem}}@media(max-width:420px){.container{padding:3rem 1rem}}.search-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;margin-top:100px}.input-wrapper{display:flex;align-items:center;gap:10px;background-color:#e4ebf1;padding:5px 10px;border-radius:50px;height:60px;width:450px;backdrop-filter:blur(10px);box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec0}@media(max-width:1200px){.input-wrapper{width:400px}}@media(max-width:1000px){.input-wrapper{width:400px}}@media(max-width:920px){.input-wrapper{width:400px}}@media(max-width:860px){.input-wrapper{width:400px}}@media(max-width:720px){.input-wrapper{width:400px}}@media(max-width:540px){.input-wrapper{width:400px}}@media(max-width:420px){.input-wrapper{width:400px}}.image-div{background-color:hsla(0,0%,4%,0);height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%}.search-icon{width:25px;height:25px}.search-input{padding:8px;border:none;outline:none;color:#212121;background-color:#e4ebf1;border-radius:4px;font-size:20px;width:100%;max-width:300px}.search-input::placeholder{color:hsla(0,0%,39%,.8)}.filters{justify-content:center;gap:1rem;flex-wrap:wrap}.filters,.filters .filter{display:flex;margin-bottom:100px}.filters .filter{width:120px;flex-direction:column;align-items:center}@media(max-width:612px){.filters .filter{margin-bottom:10px}}.filters .filter select{padding:.5rem;width:120px;box-shadow:inset -5px -5px 15px 0 hsla(0,0%,100%,.9),inset 5px 5px 15px 0 rgba(174,174,192,.8);border-radius:10px;outline:none;color:#101010;font-size:.85rem;cursor:pointer;background-color:#e4ebf1;transition:all .3s}.filters .filter select option{background-color:#e4ebf1;color:#333}.filters .filter select:focus{border-color:#3498db;background-color:#e4ebf1}.cards-container{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:minmax(200px,auto)}.card{z-index:2;background-color:#e4ebf1;perspective:1000px;letter-spacing:.25px;border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:1.5rem;transition:transform .6s ease,background-color .3s,grid-column .5s ease,grid-row .5s ease;position:relative;overflow:hidden;box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec0;cursor:pointer;transform:scale(1);opacity:.9}.card .card-content{display:block;opacity:0;max-height:0;transition:opacity .6s,max-height .6s ease}.card p{margin:.5rem 0;font-size:1rem;color:#212121}.card p strong{color:#3498ff}.card .links{margin-top:1rem}.card .links ul{list-style-type:disc;padding-left:1.5rem}.card .links ul li{margin:.5rem 0}.card .links ul a{color:#3498db;text-decoration:none}.card .links ul a:hover{text-decoration:underline}.card .links strong{color:#212121}.card.expanded{grid-column:span 2;grid-row:span 2;opacity:1;transition:transform .6s ease,grid-column .5s ease,grid-row s .5 ease}.card.expanded .card-content{opacity:1;max-height:500px}.card:not(.expanded) .card-content{opacity:.5;max-height:40px}.card:hover{transform:scale(1);box-shadow:inset -10px -10px 25px 0 hsla(0,0%,100%,.9),inset 10px 10px 25px 0 rgba(174,174,192,.8)}