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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#a6e469;color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:10px}.bold-text{flex:1 1;font-size:24px;font-weight:700;padding:20px;text-align:left}.title{flex:2 1;font-size:64px;font-weight:700;margin:0;text-align:center}.user-info{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.user-paogene-point{background-color:#ff97e0;border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin-left:20px;padding:8px 16px}.user-paogene-point span{font-size:24px}.connect-button{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-left:20px;padding:12px 24px}@media (max-width:768px){.title{font-size:48px}.user-paogene-point{font-size:24px;padding:8px 16px}.user-paogene-point span{font-size:30px}.connect-button{font-size:14px;padding:10px 20px}}@media (max-width:576px){.header{align-items:center;flex-direction:column;padding:5px}.bold-text{flex:100% 1;padding:10px;text-align:center}.user-info{justify-content:center;margin-top:5px;width:100%}}.grid-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:16px}.grid-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;position:relative;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.grid-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:576px){.grid-container{grid-template-columns:1fr}}@media (max-width:992px){.grid-container{grid-template-columns:repeat(2,1fr)}}.grid-item img{height:auto;width:100%}.grid-item div{padding:8px}.popup{background-color:rgba(0,0,0,.7);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup,.popup-content{align-items:center;display:flex}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#000;flex-direction:column;max-height:70%;overflow:auto;padding:20px;position:relative;width:60%}@media (max-width:576px){.popup-content{width:90%}}.popup-content img{margin-bottom:20px;max-height:50%;object-fit:contain;width:40%}.close{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:30px;top:20px}.metamask-prompt{align-items:center;background-color:#f44336;border-radius:4px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px}.metamask-prompt p{margin:0 0 10px}.metamask-prompt button{cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}@media (max-width:768px){.metamask-prompt{width:100%}}
/*# sourceMappingURL=main.4746a993.css.map*/