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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#1a1a1a;color:#fff;font-family:Open Sans,sans-serif;margin:0;padding:0}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:20px}h1,h2,h3{color:#fff;font-family:Roboto,sans-serif;font-weight:700;margin:10px 0}.App,h1,h2,h3{text-align:center}.App{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.App-header{font-size:calc(10px + 2vmin);padding:20px}.App-logo{height:150px;margin-bottom:20px;pointer-events:none}.App-tabs{margin:20px 0;text-align:center}.App-tabs button{background-color:#2c2c2c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:400;margin:0 10px;padding:10px 20px;transition:background-color .3s ease}.App-tabs .active-tab{background-color:#1e90ff;color:#fff}.App-tabs button:hover{background-color:#3c3c3c}.App-showcase,.Websites-showcase{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);justify-content:center;padding:20px;width:100%}.App-item,.Website-item{background-color:#2c2c2c;border-radius:10px;box-shadow:0 4px 8px #0000004d;cursor:pointer;padding:20px;transition:transform .3s,box-shadow .3s}.App-item:hover,.Website-item:hover{box-shadow:0 6px 12px #00000080;transform:scale(1.05)}.App-item-image,.Website-item-image{border-radius:10px;height:auto;margin-bottom:15px;max-width:250px;object-fit:contain;width:100%}.App-item h3,.Website-item h3{color:#fff;font-family:Roboto,sans-serif;margin-top:10px}.App-details,.Website-item p{color:#ccc;font-family:Open Sans,sans-serif;font-size:1.1rem;margin:0 auto;max-width:250px;text-align:center;white-space:normal}.Websites-showcase a{color:#1e90ff;text-decoration:none;transition:color .3s ease}.Websites-showcase a:hover{color:#87cefa;text-decoration:underline}.loading-spinner{color:#ccc;font-size:24px;margin-top:50px;text-align:center}.seo-suggestions{background-color:#333;border-radius:10px;margin-top:20px;padding:15px}.seo-suggestions h4{color:#1e90ff;margin-bottom:10px}.seo-suggestions ul{list-style-type:disc;padding-left:20px}.seo-suggestions li{color:#fff}@media (max-width:1024px){.App-showcase,.Websites-showcase{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.App-showcase,.Websites-showcase{gap:20px;grid-template-columns:1fr}.App-logo{height:120px}.App-tabs button{margin:5px 0}.App-details{font-size:1rem}}
/*# sourceMappingURL=main.08e5d361.css.map*/