@import url(https://fonts.googleapis.com/css2?family=Monoton&display=swap);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}.App{height:100vh;background-color:#1a202c;overflow:scroll;text-align:center;background-image:url(https://media.giphy.com/media/xT9IgjzykJ9WwJV8Aw/giphy.gif);background-repeat:repeat;background-size:50%;font-family:Monoton}.container{justify-content:center;padding:0 30px}.authed-container,.container{height:100%;display:flex;flex-direction:column}.authed-container{padding:30px}.header{margin:0;font-size:5rem;color:#fff;position:relative;text-shadow:.05em 0 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75);-webkit-animation:glitch .5s infinite;animation:glitch .5s infinite}.header span{position:absolute;top:0;left:0;right:0}.header span:first-child{-webkit-animation:glitch .65s infinite;animation:glitch .65s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);-webkit-transform:translate(.05em,-.0125em);transform:translate(.05em,-.0125em);opacity:.8}.header span:last-child{-webkit-animation:glitch 375ms infinite;animation:glitch 375ms infinite;-webkit-clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);-webkit-transform:translate(.0125em,.025em);transform:translate(.0125em,.025em);opacity:.8}@-webkit-keyframes glitch{0%{text-shadow:.05em 0 0 rgba(10,10,10,.75),-.05em -.025em 0 #bfe4ee,-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(10,10,10,.75),-.05em -.025em 0 #bfe4ee,-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(10,10,10,.75),.025em .025em 0 #bfe4ee,-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(10,10,10,.75),.025em .025em 0 #bfe4ee,-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 #bfe4ee,-.025em -.05em 0 rgba(0,0,255,.75)}}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(10,10,10,.75),-.05em -.025em 0 #bfe4ee,-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(10,10,10,.75),-.05em -.025em 0 #bfe4ee,-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(10,10,10,.75),.025em .025em 0 #bfe4ee,-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(10,10,10,.75),.025em .025em 0 #bfe4ee,-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 #bfe4ee,-.025em -.05em 0 rgba(0,0,255,.75)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;-webkit-transition-duration:0s!important;transition-duration:0s!important;-webkit-transition-delay:0s!important;transition-delay:0s!important}}.sub-text{font-size:40px;color:#fff}.gradient-text{background:-webkit-linear-gradient(left,#60c657 30%,#35aee2 60%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-button,cta-button:after{margin:0;font-size:2rem;font-family:"Monoton";text-shadow:.05em 0 0 rgba(10,10,10,.75),-.025em -.05em 0 #bfe4ee,.025em .05em 0 rgba(0,0,255,.75);width:auto;padding-left:10px;padding-right:10px;border-radius:3px;cursor:pointer;color:#fff;letter-spacing:3px;line-height:88px;outline:transparent;position:relative}.cta-button:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"Phantom Devnet";display:block;position:absolute;top:0;text-shadow:-3px -3px 0 rgba(221,237,241,.377),3px 3px 0 #7b24ee;font-weight:700;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0)}button:hover:after{-webkit-animation:butt-glitch 5s;animation:butt-glitch 5s;-webkit-animation-timing-function:steps(3);animation-timing-function:steps(3)}@-webkit-keyframes butt-glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(100px,-10px);transform:translate(100px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}@keyframes butt-glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(100px,-10px);transform:translate(100px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(10px,10px);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translateY(5px);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-5px);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);-webkit-transform:translate(5px);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);-webkit-transform:translate(5px,10px);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);-webkit-transform:translate(20px,-10px);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);-webkit-transform:translate(0);transform:translate(0)}}.connect-wallet-button,.submit-gif-button{background:-webkit-linear-gradient(left,#919291,#90acf7);background-size:200% 200%;-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite}.submit-gif-button{margin-left:10px}.footer-container{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;bottom:0;left:0;padding-bottom:45px;font-family:Monoton}.twitter-logo{width:35px;height:35px}.footer-text{color:#fff;font-size:16px;font-weight:700;font-family:Monoton}.gif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:1.5rem;justify-items:center;margin:0;padding:0}.gif-grid .gif-item{display:flex;flex-direction:column;position:relative;justify-self:center;align-self:center}.gif-item img{width:100%;height:300px;border-radius:10px;object-fit:cover}.connected-container input[type=text]{display:inline-block;color:#fff;padding:10px;width:50%;height:60px;font-size:16px;box-sizing:border-box;background-color:rgba(0,0,0,.25);border:none;border-radius:10px;margin:50px auto;font-family:Monoton}.connected-container button{height:50px}@media screen and (max-width:415px){.header{margin:0;position:relative;font-size:1.5rem;text-align:center}.sub-text{font-size:1rem;color:#fff;text-align:center}}
/*# sourceMappingURL=main.3194ec19.chunk.css.map */