@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3702f26392e21a15-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd21efaca8026c00-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Silkscreen Fallback;src:local("Arial");ascent-override:68.84%;descent-override:16.71%;line-gap-override:0.00%;size-adjust:149.62%}.__className_0f99ce{font-family:Silkscreen,Silkscreen Fallback;font-weight:400;font-style:normal}.__variable_0f99ce{--font-silkscreen:"Silkscreen","Silkscreen Fallback"}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5d761ac94a5d6b6a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/30bec74fdd2398f6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bcd9e59b2c7405ff-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Pixelify Sans Fallback;src:local("Arial");ascent-override:81.70%;descent-override:24.87%;line-gap-override:0.00%;size-adjust:112.61%}.__className_920125{font-family:Pixelify Sans,Pixelify Sans Fallback;font-weight:400;font-style:normal}.__variable_920125{--font-pixelify-sans:"Pixelify Sans","Pixelify Sans Fallback"}:root{--color-lavanda:#6852e6;--color-purple:#543ed0;--color-dark-blue:#1e138a;--color-deep-blue:#26338e;--color-electric-blue:#006fff;--color-soft-blue:#5d9df6;--color-light-blue:#3cd8ff;--color-light-brown:#a76e49;--color-mid-brown:#593b25;--color-dark-brown:#4d311c;--color-deep-brown:#38291e;--color-deeper-brown:#251a13;--color-magenta:#ff15a5;--color-dark-red:#8b111b;--color-red:#e72838;--color-soft-red:#ff4949;--color-spearmint:#29fec1;--color-green:#3bf722;--color-jade:#00c54f;--color-dark-jade:#126e3c;--color-yellow:#ffe714;--color-gold:#f0b103;--color-dark-gold:#b3780b}html{background-image:url(/meme-generator-bg.jpg);background-size:cover;background-position:50%}p.error{text-shadow:var(--color-red) .1rem .1rem 0,var(--color-red) -.1rem .1rem 0,var(--color-red) .1rem -.1rem 0,var(--color-red) -.1rem -.1rem 0;color:#fff;font-size:1.2rem;font-weight:500;margin:0}body,html{margin:0;padding:0;font-family:var(--font-silkscreen);overflow:hidden}body{background-color:hsla(0,0%,100%,.5)}.media-loader{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.media-loader.loading{animation:skeletonLoad 1s infinite}.media-loader>div{position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes skeletonLoad{0%,to{background-color:#fafafa;opacity:.8}80%{background-color:#b4b4b4;opacity:1}}.loader{--dim:1.9rem;position:relative;animation:spin988 2s linear infinite}.loader,.loader .circle{width:var(--dim);height:var(--dim)}.loader .circle{--color:#fff;--dim:0.75rem;background-color:var(--color);border-radius:50%;position:absolute}.loader .circle:first-child{top:0;left:0;animation:changeColor 2s linear infinite}.loader .circle:nth-child(2){top:0;right:0;animation:changeColor 2s linear .5s infinite}.loader .circle:nth-child(3){bottom:0;left:0;animation:changeColor 2s linear 1s infinite}.loader .circle:nth-child(4){bottom:0;right:0;animation:changeColor 2s linear 1.5s infinite}@keyframes changeColor{0%,to{background-color:#fff}25%,75%{background-color:var(--color-purple)}50%{background-color:var(--color-spearmint)}}@keyframes spin988{0%{transform:scale(1) rotate(0)}33%{transform:scale(1.3) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}67%{transform:scale(1.3) rotate(270deg)}to{transform:scale(1) rotate(1turn)}}.outlined-big-text{--stroke-color:var(--color-dark-blue);--stroke-len:0rem;text-shadow:var(--stroke-color) var(--stroke-len) var(--stroke-len) 0,var(--stroke-color) calc(-1 * var(--stroke-len)) var(--stroke-len) 0,var(--stroke-color) calc(-1 * var(--stroke-len)) calc(-1 * var(--stroke-len)) 0,var(--stroke-color) var(--stroke-len) calc(-1 * var(--stroke-len)) 0,var(--stroke-color) 0 calc(-1 * var(--stroke-len)) 0,var(--stroke-color) 0 var(--stroke-len) 0,var(--stroke-color) var(--stroke-len) 0 0,var(--stroke-color) calc(-1 * var(--stroke-len)) 0 0}h1{color:#fff;font-size:2.5rem;margin:0 2rem}h1.outlined-big-text{--stroke-len:0.21rem}@media screen and (max-width:500px){h1{font-size:2rem}h1.outlined-big-text{--stroke-len:0.16rem}}header{position:fixed;top:0;width:calc(100dvw - 4rem);height:6rem;margin:2rem;display:flex}@media screen and (max-width:1024px){a#logo-anchor>img{box-sizing:border-box;padding:.5rem 0}}@media screen and (max-width:600px){header{margin:.5rem 1rem}a#logo-anchor>img{box-sizing:border-box;padding:1rem 0}}a#logo-anchor{height:100%;width:-moz-fit-content;width:fit-content;display:block}a#logo-anchor>img{height:100%}main{text-align:center;justify-content:center;flex-direction:column;height:100dvh;width:100dvw;gap:2rem}main,main>section{display:flex;align-items:center}main>section{flex:0 1 25%;flex-direction:column}main>section:first-of-type{justify-content:flex-end}main>section:nth-of-type(2){flex:1 0 50%;justify-content:center}main>section:nth-of-type(3){justify-content:flex-start}div#img-container{overflow:hidden;position:relative}div#img-container>.media-loader{scale:1.02;-webkit-clip-path:polygon(.5rem 1.25rem,.75rem 1.25rem,.75rem .75rem,1.25rem .75rem,1.25rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) .75rem,calc(100% - .75rem) .75rem,calc(100% - .75rem) 1.25rem,calc(100% - .5rem) 1.25rem,calc(100% - .5rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .5rem),1.25rem calc(100% - .5rem),1.25rem calc(100% - .75rem),.75rem calc(100% - .75rem),.75rem calc(100% - 1.25rem),.5rem calc(100% - 1.25rem));clip-path:polygon(.5rem 1.25rem,.75rem 1.25rem,.75rem .75rem,1.25rem .75rem,1.25rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) .75rem,calc(100% - .75rem) .75rem,calc(100% - .75rem) 1.25rem,calc(100% - .5rem) 1.25rem,calc(100% - .5rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .5rem),1.25rem calc(100% - .5rem),1.25rem calc(100% - .75rem),.75rem calc(100% - .75rem),.75rem calc(100% - 1.25rem),.5rem calc(100% - 1.25rem))}div#img-container>.media-loader>img{min-height:25rem;height:32dvh;width:auto}ol#btn-list{padding:0;list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;row-gap:1rem;width:700px}ol#btn-list>li>*{display:block;margin:auto}ol#btn-list>li:has(button#generate-meme){flex:1 0 100%}.btn{all:unset;cursor:pointer;background-color:var(--color-lavanda);font-size:1.2rem;scale:.77;padding:.5rem 1rem;font-weight:500;text-transform:uppercase;color:#fff;transition:all .1s ease;overflow:visible;border:8px solid transparent;-webkit-clip-path:polygon(0 calc(100% - 16px),4px calc(100% - 16px),4px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 4px),16px calc(100% - 4px),16px 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 16px),100% calc(100% - 16px),100% 16px,calc(100% - 4px) 16px,calc(100% - 4px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 16px) 4px,calc(100% - 16px) 0,16px 0,16px 4px,8px 4px,8px 8px,4px 8px,4px 16px,0 16px);clip-path:polygon(0 calc(100% - 16px),4px calc(100% - 16px),4px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 4px),16px calc(100% - 4px),16px 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 16px),100% calc(100% - 16px),100% 16px,calc(100% - 4px) 16px,calc(100% - 4px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 16px) 4px,calc(100% - 16px) 0,16px 0,16px 4px,8px 4px,8px 8px,4px 8px,4px 16px,0 16px);position:relative}@media screen and (hover:hover) and (pointer:fine){.btn:hover{transform:scale(1.05);background-color:var(--color-purple)}}.btn:active{transform:scale(.98)}.btn:after{margin:-8px;-webkit-clip-path:polygon(0 calc(100% - 16px),4px calc(100% - 16px),4px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 4px),16px calc(100% - 4px),16px 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 16px),100% calc(100% - 16px),100% 16px,calc(100% - 4px) 16px,calc(100% - 4px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 16px) 4px,calc(100% - 16px) 0,16px 0,16px 4px,8px 4px,8px 8px,4px 8px,4px 16px,0 16px,0 50%,8px 50%,8px 20px,12px 20px,12px 12px,20px 12px,20px 8px,calc(100% - 20px) 8px,calc(100% - 20px) 12px,calc(100% - 12px) 12px,calc(100% - 12px) 20px,calc(100% - 8px) 20px,calc(100% - 8px) calc(100% - 20px),calc(100% - 12px) calc(100% - 20px),calc(100% - 12px) calc(100% - 12px),calc(100% - 20px) calc(100% - 12px),calc(100% - 20px) calc(100% - 8px),20px calc(100% - 8px),20px calc(100% - 12px),12px calc(100% - 12px),12px calc(100% - 20px),8px calc(100% - 20px),8px 50%,0 50%);clip-path:polygon(0 calc(100% - 16px),4px calc(100% - 16px),4px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 4px),16px calc(100% - 4px),16px 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 16px),100% calc(100% - 16px),100% 16px,calc(100% - 4px) 16px,calc(100% - 4px) 8px,calc(100% - 8px) 8px,calc(100% - 8px) 4px,calc(100% - 16px) 4px,calc(100% - 16px) 0,16px 0,16px 4px,8px 4px,8px 8px,4px 8px,4px 16px,0 16px,0 50%,8px 50%,8px 20px,12px 20px,12px 12px,20px 12px,20px 8px,calc(100% - 20px) 8px,calc(100% - 20px) 12px,calc(100% - 12px) 12px,calc(100% - 12px) 20px,calc(100% - 8px) 20px,calc(100% - 8px) calc(100% - 20px),calc(100% - 12px) calc(100% - 20px),calc(100% - 12px) calc(100% - 12px),calc(100% - 20px) calc(100% - 12px),calc(100% - 20px) calc(100% - 8px),20px calc(100% - 8px),20px calc(100% - 12px),12px calc(100% - 12px),12px calc(100% - 20px),8px calc(100% - 20px),8px 50%,0 50%);bottom:0;right:0;background:var(--color-deep-blue)}.btn:after,div#img-container:after{content:"";position:absolute;top:0;left:0;display:block;pointer-events:none}div#img-container:after{-webkit-clip-path:polygon(0 calc(100% - 1rem),.25rem calc(100% - 1rem),.25rem calc(100% - .5rem),.5rem calc(100% - .5rem),.5rem calc(100% - .25rem),1rem calc(100% - .25rem),1rem 100%,calc(100% - 1rem) 100%,calc(100% - 1rem) calc(100% - .25rem),calc(100% - .5rem) calc(100% - .25rem),calc(100% - .5rem) calc(100% - .5rem),calc(100% - .25rem) calc(100% - .5rem),calc(100% - .25rem) calc(100% - 1rem),100% calc(100% - 1rem),100% 1rem,calc(100% - .25rem) 1rem,calc(100% - .25rem) .5rem,calc(100% - .5rem) .5rem,calc(100% - .5rem) .25rem,calc(100% - 1rem) .25rem,calc(100% - 1rem) 0,1rem 0,1rem .25rem,.5rem .25rem,.5rem .5rem,.25rem .5rem,.25rem 1rem,0 1rem,0 50%,.5rem 50%,.5rem 1.25rem,.75rem 1.25rem,.75rem .75rem,1.25rem .75rem,1.25rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) .75rem,calc(100% - .75rem) .75rem,calc(100% - .75rem) 1.25rem,calc(100% - .5rem) 1.25rem,calc(100% - .5rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .5rem),1.25rem calc(100% - .5rem),1.25rem calc(100% - .75rem),.75rem calc(100% - .75rem),.75rem calc(100% - 1.25rem),.5rem calc(100% - 1.25rem),.5rem 50%,0 50%);clip-path:polygon(0 calc(100% - 1rem),.25rem calc(100% - 1rem),.25rem calc(100% - .5rem),.5rem calc(100% - .5rem),.5rem calc(100% - .25rem),1rem calc(100% - .25rem),1rem 100%,calc(100% - 1rem) 100%,calc(100% - 1rem) calc(100% - .25rem),calc(100% - .5rem) calc(100% - .25rem),calc(100% - .5rem) calc(100% - .5rem),calc(100% - .25rem) calc(100% - .5rem),calc(100% - .25rem) calc(100% - 1rem),100% calc(100% - 1rem),100% 1rem,calc(100% - .25rem) 1rem,calc(100% - .25rem) .5rem,calc(100% - .5rem) .5rem,calc(100% - .5rem) .25rem,calc(100% - 1rem) .25rem,calc(100% - 1rem) 0,1rem 0,1rem .25rem,.5rem .25rem,.5rem .5rem,.25rem .5rem,.25rem 1rem,0 1rem,0 50%,.5rem 50%,.5rem 1.25rem,.75rem 1.25rem,.75rem .75rem,1.25rem .75rem,1.25rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) .75rem,calc(100% - .75rem) .75rem,calc(100% - .75rem) 1.25rem,calc(100% - .5rem) 1.25rem,calc(100% - .5rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - 1.25rem),calc(100% - .75rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .75rem),calc(100% - 1.25rem) calc(100% - .5rem),1.25rem calc(100% - .5rem),1.25rem calc(100% - .75rem),.75rem calc(100% - .75rem),.75rem calc(100% - 1.25rem),.5rem calc(100% - 1.25rem),.5rem 50%,0 50%);width:100%;height:100%;background-color:#fff}@keyframes loadingDots{0%,to{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}button#generate-meme:disabled{background-color:var(--color-gold);cursor:not-allowed}button#generate-meme:disabled:after{background-color:var(--color-dark-gold);cursor:not-allowed}button#generate-meme:disabled>span:after{content:"aaa";display:inline-block;animation:loadingDots 1.2s infinite}.btn.error{background-color:var(--color-red)}.btn.error:after{background-color:var(--color-dark-red)}a#generate-my-meme,button#generate-meme{scale:1;text-shadow:var(--color-dark-blue) .1rem .1rem 0}a#generate-my-meme{background-color:var(--color-soft-red)}a#generate-my-meme:after{background-color:var(--color-red)}button#share-x-meme{background-color:#505050;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:.65rem}button#share-x-meme>span{display:block}button#share-x-meme>img{height:1.3rem;padding-right:.2rem}button#share-x-meme:after{background-color:#323232}a#download-meme{background-color:var(--color-jade)}a#download-meme:after{background-color:var(--color-dark-jade)}@media screen and (max-width:800px){html{background-image:url(/meme-generator-bg-mobile.jpg)}main>section:nth-of-type(3){flex-grow:1;flex-shrink:0;flex-basis:calc(100% / 3)}main>section:first-of-type{flex:0 0 40dvw}main>section:nth-of-type(2){flex:1 1 15rem}div#img-container>.media-loader>img{min-height:unset;height:auto;width:55dvw}}@media screen and (max-width:570px){div#img-container>.media-loader>img{width:65dvw}ol#btn-list{flex-direction:column}ol#btn-list>li{flex:0 0 auto!important}ol#btn-list>li:has(a#download-meme){translate:0 -.4rem}}@media screen and (max-width:470px){div#img-container>.media-loader>img{width:80dvw}main>section:first-of-type{flex:0 0 15rem}}@media screen and (max-width:470px) and (max-height:870px){main>section:first-of-type{flex:0 0 12rem}}@media screen and (max-width:360px){div#img-container>.media-loader>img{width:calc(100dvw - 3rem)}.btn{scale:.67}a#generate-my-meme,button#generate-meme{scale:.9}ol#btn-list{gap:.5rem}}aside#visits-counter{position:absolute;right:0;top:0;margin-top:6rem;margin-right:2rem;text-align:center;gap:1rem}aside#visits-counter,aside#visits-counter>div{display:flex;flex-direction:column;align-items:center}aside#visits-counter>div>span{--shadow-size:0.1rem;font-size:1.2rem;text-shadow:#fff var(--shadow-size) var(--shadow-size) 0,#fff calc(-1 * var(--shadow-size)) var(--shadow-size) 0,#fff calc(-1 * var(--shadow-size)) calc(-1 * var(--shadow-size)) 0,#fff var(--shadow-size) calc(-1 * var(--shadow-size)) 0}aside#visits-counter>div>span:nth-of-type(2n - 1){font-size:2rem;--shadow-size:0.15rem}