body{margin:0;font-family:"Space Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1 span{padding:5px;border-bottom:3px solid #1bd8d2;line-height:.75em;mix-blend-mode:overlay;color:rgba(231,242,244,.926)}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top,#410741,transparent),radial-gradient(ellipse at left,#211322,transparent);background-size:cover;background-color:#140423}.App{min-height:100vh;text-align:center}.user-header{border-radius:100px;margin:.7vw;padding:.7vw 2vw .7vw .7vw;width:97vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;z-index:100}.user-header div{text-align:right;color:#fff}.disconnect-wallet-button{margin-left:10px;border-radius:100px;font-size:12px;background:hsla(0,0%,100%,.3);cursor:pointer;width:36px;height:36px}.container{padding:0 30px}[data-solana-wallet-connected=true] .container{height:100vh;padding:90px 30px 30px}[data-solana-wallet-connected=true] .centered-container{height:100px;display:grid;place-content:center;margin-top:20vh;transition:1s}[data-solana-wallet-connected=true] .bouncy{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out}.centered-container{width:99vw;height:100vh;display:grid;place-content:center;margin-top:0;transition:1s}.connected-container{padding-top:30px}.header{margin:0;font-size:50px;font-weight:700;color:#fff}.sub-text{font-size:25px;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{height:45px;border:0;width:auto;padding-left:2rem;padding-right:2rem;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;color:#fff}.connect-wallet-button{background:-webkit-linear-gradient(left,#60c657,#35aee2);background-size:200% 200%;border-radius:100px}.connect-wallet-button,.submit-gif-button{-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite}.submit-gif-button{background:-webkit-linear-gradient(left,#4e44ce,#35aee2);background-size:200% 200%}#submit-gif{position:relative;border:3px solid #7e0231;border-radius:10px}#submit-gif .cancel{position:absolute;top:10px;right:10px;border-radius:100px;width:42px;height:42px;background:none;border:2px solid #7e0231;cursor:pointer}.tip-button{padding:10px}.tip-button,.tip-button:hover{background:transparent;background-size:200% 200%;-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite;border:3px solid #44ce9e}.love-button{padding:10px}.love-button,.love-button:hover{background:transparent;background-size:200% 200%;-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite;border:3px solid #ce4444}.votes-value{justify-self:flex-end;font-size:1em}.title-value,.votes-value{place-content:center;align-self:center}.title-value{justify-self:flex-start;font-size:2em}.footer-container{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;bottom:0;left:0;padding-bottom:45px}.twitter-logo{width:35px;height:35px}.footer-text{color:#fff;font-size:16px;font-weight:700}.gif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(512px,1fr));grid-gap:1.5rem;margin:0;padding:0}.gif-grid .gif-item{display:flex;flex-direction:column;position:relative;align-self:center;mix-blend-mode:screen}.gif-item button.add-gif,.gif-item img{width:100%;height:400px;border-radius:10px;object-fit:cover}.connected-container input[type=text]{display:inline-block;color:#fff;padding:10px 20px;height:60px;font-size:16px;box-sizing:border-box;background-color:#0e0e0e;border:none;border-radius:10px}.connected-container button{height:50px}.gif-item:hover .gif-controls{opacity:1;transition:opacity .5s}.gif-controls{display:grid;grid-template-columns:1fr auto auto auto;place-content:flex-end;grid-gap:8px;gap:8px;position:absolute;bottom:0;left:0;width:100%;padding:10px;color:#fff;opacity:0;transition:opacity .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gif-controls button{font-size:1.6rem;line-height:0}.bounce{-webkit-animation-name:bouncey;animation-name:bouncey;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:inline-block;-webkit-transform-origin:center center;transform-origin:center center;text-align:center}.bouncy{-webkit-transform:translateY(40px) scale(2);transform:translateY(40px) scale(2);transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;height:100px}@-webkit-keyframes bouncey{0%{-webkit-transform:translateY(1px) rotate(-1deg);transform:translateY(1px) rotate(-1deg)}50%{-webkit-transform:translateY(-1px) rotate(1deg);transform:translateY(-1px) rotate(1deg)}to{-webkit-transform:translateY(1px) rotate(-1deg);transform:translateY(1px) rotate(-1deg)}}@keyframes bouncey{0%{-webkit-transform:translateY(1px) rotate(-1deg);transform:translateY(1px) rotate(-1deg)}50%{-webkit-transform:translateY(-1px) rotate(1deg);transform:translateY(-1px) rotate(1deg)}to{-webkit-transform:translateY(1px) rotate(-1deg);transform:translateY(1px) rotate(-1deg)}}.gif-submit-form{display:grid;place-content:center;justify-content:center;grid-gap:16px;gap:16px;height:400px;background:-linear-gradient(left,#18062b 30%,#340853 60%)}.add-gif{border:3px solid #7e0231;color:#7e0231;cursor:button}.add-gif,.add-gif:hover{background-color:transparent;outline:none;font-size:3rem;transition:background-color .5s,color .3s}.add-gif:hover{border:3px solid #ce4444;color:#ce4444;cursor:pointer;background-color:rgba(126,2,49,.2)}#overlay{pointer-events:none;z-index:1000;position:fixed;bottom:0;width:100%;height:100vh;display:grid;place-content:center;background:transparent;transition:.5s}dialog{background:none;border:none;opacity:0;transition:.5s;transition-delay:.3s}[data-contract-loading=true] #overlay{display:none;pointer-events:none}[data-dialog-pointer-events=true] #overlay{pointer-events:all;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.5s}[data-dialog-pointer-events=true] dialog{opacity:1;transition:.5s;transition-delay:.3s}
/*# sourceMappingURL=main.2e58f0c1.chunk.css.map */