@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;--theme-font-family: Montserrat, sans-serif}.App{min-height:100vh;max-width:100vw;background-color:#4edd58;display:flex;flex-direction:column;justify-content:center;gap:2rem;align-items:center;padding:1rem}.card-section{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.card-section img{max-height:200px;transition:transform .3s}.card-section img:hover{transform:scale(1.1)}h1{font-size:2.5rem;color:#dfd9e2;margin-top:1rem;text-align:center}button{padding:.8rem 4rem;border:2px solid #28ab72;background-color:#dfd9e2;border-radius:5px;font-size:1rem;font-weight:bolder;transition:background-color .3s;margin-bottom:2rem}button:hover{background-color:#7d5ba6;color:#dfd9e2}@media (max-width: 768px){h1{font-size:2rem}.card-section img{max-height:160px}button{padding:.6rem 2.5rem}}@media (max-width: 480px){h1{font-size:1.8rem}.card-section img{max-height:140px}button{padding:.5rem 2rem}}#root{--purple: #7d5ba6}*{margin:0;padding:0;box-sizing:border-box;font-family:Lato}.inner-card{max-width:300px;min-height:350px;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#dfd9e2;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.card{padding:3rem;border-radius:10px;border:2px solid #28ab72;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#2ab87a}img{max-width:300px;padding:2rem}.popup-box{position:fixed;background:#00000050;width:100%;height:100vh;top:0;left:0}.box{position:relative;width:30%;margin:0 auto;height:auto;max-height:100vh;margin-top:calc(45vh - 20px);background:#28ab72;border-radius:4px;padding:20px;color:#fff;border:1px solid #7d5ba6;overflow:auto}.close-icon{content:"x";cursor:pointer;position:fixed;right:calc(35% - 30px);top:calc(45vh - 33px);background:#28ab72;width:25px;height:25px;border-radius:50%;line-height:20px;text-align:center;border:1px solid #28ab72;color:#fff;font-size:20px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}