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}.app-header{background-color:#f0ecaf80;color:#fff;height:80px;padding:.4rem 0;position:relative}.app-header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative}.logo-container{margin-right:auto;padding-left:20px}.header-content{margin-left:auto;padding-right:20px}.app-header .logo{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;text-decoration:none}.app-header .logo img{height:2rem;margin-right:.5rem;transition:height .3s ease}.container img{height:auto;width:150px}.navi-container{align-items:center;display:flex;gap:30px;justify-content:center;padding-right:.5rem}.navi-image{animation:navi-move 3s ease-in-out infinite alternate;height:70px!important;width:70px!important}@media (max-width:1080px){.header-content{display:none}.logo-container,.navi-container{display:flex;margin:0 auto}.navi-container{gap:10px;position:static;transform:none}}@media (max-width:768px){.app-header .logo img{height:1.5rem}.navi-container{align-items:center;display:flex;gap:5px}.navi-image{animation:navi-move-small 3s ease-in-out infinite alternate;height:10px;width:10px}.navi-container .navi-image:nth-child(3),.navi-container .navi-image:nth-child(4){display:none}}@keyframes navi-move{0%{transform:translateX(-10px)}to{transform:translateX(10px)}}@keyframes navi-move-small{0%{transform:translateX(-5px)}to{transform:translateX(5px)}}.app-footer{background-color:#ffffff4d;border-top:1px solid #ddd;color:#333;font-size:14px;padding:20px;text-align:center}.app-footer a{color:#333;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:768px){.app-footer{padding-left:15px;padding-right:15px}}.App{background-color:#fefdde;display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;min-height:100vh;text-align:center}.main-content{align-items:stretch;display:flex;flex:1 1;justify-content:center;padding:20px 80px 80px}.left-side,.right-side{align-items:center;flex-direction:column;justify-content:center;max-width:40%}.left-side,.right-side{display:flex;flex:1 1;padding:20px}.info,.left-side{flex-direction:column}.info{background-color:#cf7f6ccc;border-radius:5px;display:flex;height:70px;justify-content:center;margin-top:10px;padding:10px;width:95%}.info h3{color:#fff;font-size:1.3em;margin:0}.info span{color:#fff;font-size:1.5em;font-weight:700;margin-top:0}.right-side{display:flex;flex:1 1;flex-direction:column;padding:20px}.nft-image{border-radius:15px;box-shadow:0 4px 8px #0000001a;max-height:100%;object-fit:contain;width:100%}.mint-frame{background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;flex-direction:column;flex-grow:1;margin:auto}.ikimono-frame,.mint-frame{align-items:center;display:flex;justify-content:center;width:100%}.ikimono-frame{border:1px solid #ccc;border-radius:10px 10px 0 0;height:80px;overflow:hidden}.ikimono-image{margin:auto;max-height:100%;object-fit:cover;object-position:center;width:100%}.mint-container{margin-bottom:10px;padding:10px}.mint-container h3{margin-bottom:0;margin-top:0}.mint-controls{align-items:center;display:flex;justify-content:center;margin-bottom:0;padding:0 10px 10px}.wallet-connect{margin:20px;padding:10px}.web3button-container{margin:5px 0;padding:10px}.mint-amount{font-size:1.5em;padding:20px}.controls-button{background-color:#212071;border:none;border-radius:100%;box-shadow:0 4px 8px #dfdfdf1a;color:#fff;cursor:pointer;font-size:1.2em;height:40px;margin:0 10px;transition:background-color .3s ease;width:20%}.controls-button:hover{background-color:#ffdf3f;transform:scale(1.2);transition:transform .3s ease,box-shadow .3s ease}.credit-card-container{display:flex;justify-content:center;margin:5px 0;padding:10px}.credit-card-button{align-items:center;background-color:#9ed984;display:flex;font-size:1.05em;justify-content:center}.credit-card-button,.custom-web3-button{border-radius:12px;color:#fff;font-weight:700;height:60px;padding:12px 24px;text-decoration:none;transition:background-color .3s;width:250px}.custom-web3-button{background-color:#85acd7;font-size:1.2em}.custom-web3-button:hover{background-color:#5cb5d5}.credit-card-button:hover,.custom-web3-button:hover{transform:scale(1.1);transition:transform .3s ease,background-color .8s ease}.credit-card-button:hover{background-color:#89d66f}.mint-success-message{color:#020251}.flip-animation{animation:page-flip 1s forwards}.mint-feedback-container{word-wrap:break-word;font-size:16px;max-width:100%;overflow:auto;overflow-wrap:break-word;padding-left:10px;padding-right:10px}@keyframes page-flip{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@media (max-width:1080px){.left-side{flex:0 0 40%;max-width:40%}.right-side{flex:0 0 60%;max-width:40%}.custom-web3-button{font-size:1.2em;width:80%}.credit-card-button{font-size:1.1em;width:80%}.controls-button{font-size:1.1em;margin:5px;width:40px}.mint-feedback-container{font-size:14px;padding-left:20px;padding-right:20px}}@media (max-width:800px){.main-content{align-items:stretch;flex-direction:column;padding:20px}.mint-container h3{margin-bottom:0}.mint-feedback-container{font-size:14px;padding-left:20px;padding-right:20px}.info{height:50px;padding:5px}.left-side,.right-side{flex:0 0 90%;max-width:90%}.controls-button,.credit-card-button,.custom-web3-button{margin:10px 0;width:80%}.mint-controls{flex-direction:row;justify-content:space-around;padding-top:0}.credit-card-button,.custom-web3-button{width:200px}.controls-button{font-size:1.1em;margin:5px;width:40px}.left-side{background-color:#fff0;margin-bottom:5px;padding-bottom:0}.right-side{margin-top:5px;padding-top:0}.info h3,.info span{font-size:1em;margin:1px 0}}