@import url(https://fonts.googleapis.com/css2?family=Gluten:wght@400;700&family=Rubik:wght@400;700&display=swap);:root{--clr-prussian-blue:#003853;--clr-orient:#006178;--clr-malibu:#92d3f5;--clr-golden-fizz:#fcea2b;--clr-button-bg:#92d3f5}html{font-family:"Rubik"!important;font-weight:400}body{background:#003853;background:var(--clr-prussian-blue);color:#92d3f5;color:var(--clr-malibu);min-height:100vh;font-family:"Rubik"}.flex{display:flex;justify-content:center;align-items:center}.grid,main{display:grid;place-content:center}main{min-height:100vh;padding:3em 1em}.panel{max-width:750px;max-height:250px;padding:1em;position:relative}h1{font-family:"Gluten";font-size:3rem}.countdown,h1{font-weight:700}.countdown{font-size:2.5rem}p{font-size:1.15rem}a,a:hover{color:#92d3f5;color:var(--clr-malibu)}.button,.contract-link{text-decoration:none;font-weight:700}.button{padding:1em 2em;margin:.5em auto;background:#006178;background:var(--clr-orient);color:#92d3f5;color:var(--clr-malibu);border:none;text-transform:uppercase;transition:all .5s ease}.nav-button{padding:.75em 1.5em;margin:.5em 0}.mint-button{position:relative;display:flex;justify-content:center;align-items:center;min-width:150px;max-width:225px;overflow:hidden}.button:hover,.mint-button:hover{background:#92d3f5;background:var(--clr-malibu);color:#003853;color:var(--clr-prussian-blue);box-shadow:0 0 10px #92d3f5,0 0 30px #92d3f5,0 0 60px #92d3f5,0 0 100px #92d3f5;box-shadow:0 0 10px var(--clr-malibu),0 0 30px var(--clr-malibu),0 0 60px var(--clr-malibu),0 0 100px var(--clr-malibu)}.mint-button:before{content:"";position:absolute;width:40px;height:400%;background:#92d3f5;background:var(--clr-malibu);transition:1s;-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite}.mint-button:hover:before{width:100%}.mint-button:after{content:"";position:absolute;inset:4px;background:#003853;background:var(--clr-prussian-blue);transition:.5s}.mint-button:hover:after{background:#92d3f5;background:var(--clr-malibu)}.mint-button span{z-index:1}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App-logo{max-width:30px;height:auto;margin:0 10px}.image-showcase{width:250px;height:250px}.image-showcase img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:250px;height:auto;border:.75em solid #006178;border:.75em solid var(--clr-orient)}
/*# sourceMappingURL=main.a4c83f21.chunk.css.map */