@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=Cairo+Play&family=Covered+By+Your+Grace&family=Encode+Sans&family=Fragment+Mono&family=Heebo:wght@800&family=Inter:wght@700&family=Lobster&family=Overpass:wght@400;700&family=PT+Sans:wght@700&family=Poppins:wght@400;500&family=Quantico:ital,wght@1,700&family=Rajdhani:wght@700&family=Raleway&family=Roboto:wght@300;400;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background-color:#242424;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.filters{width:68vw;display:flex;justify-content:space-between;margin-top:1.5rem;padding:0 1rem;text-transform:capitalize!important}.search{gap:1rem;display:flex;margin-top:2rem;align-items:center}.cross{position:relative;bottom:14px;background-color:#cdcbcb;text-align:right;right:5px;border-radius:20%;cursor:pointer}.badge{display:flex;align-items:flex-end}.img{position:relative;left:0;right:0;margin:auto;object-fit:contain}.modal{position:relative;width:20vw;left:0;right:0;margin:auto}.hero{display:flex;justify-content:space-evenly}.sec_part{display:flex;justify-content:space-evenly;flex-direction:column}.header{font-family:Lobster,cursive;font-size:4rem;text-shadow:1px 1px 12px black;width:80vw}.App{align-items:center;text-align:center;justify-content:center;display:flex;flex-direction:column}#root{margin-bottom:0;width:100vw}.banner{background-color:transparent}.bg{position:absolute;left:0;right:0;z-index:-1;top:15vh;height:100vh;width:100vw;object-fit:cover;filter:brightness(60%)}@media (min-width: 0px) and (max-width: 800px){.filters{flex-direction:column;gap:1rem;justify-content:center}}