*{box-sizing:border-box}:root{--background:#f5f5f5;--primary-color:#6441a5;--secondary-color:#2a0845;--text:#000}body{margin:0;background-color:#f5f5f5;background-color:var(--background)}header{height:100px;display:flex;align-items:center;background:#6441a5;background:var(--primary-color);background:-webkit-gradient(linear,left top,right top,from(#2a0845),to(#6441a5));background:linear-gradient(90deg,#2a0845,#6441a5);background:-webkit-gradient(linear,left top,right top,from(var(--secondary-color)),to(var(--primary-color)));background:linear-gradient(90deg,var(--secondary-color),var(--primary-color))}header>img{height:80%;margin-left:10%}header>p{font-family:VT323,monospace;color:#f5f5f5;color:var(--background);font-size:50px;margin-left:60px}.meme{position:relative;width:90%;margin:auto}.meme>img{width:100%}.meme>h2{position:absolute;width:80%;text-align:center;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:15px 0;padding:0 5px;font-family:impact,sans-serif;font-size:2em;text-transform:uppercase;color:#f5f5f5;color:var(--background);letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 2px 5px #000;text-shadow:2px 2px 0 var(--text),-2px -2px 0 var(--text),2px -2px 0 var(--text),-2px 2px 0 var(--text),0 2px 0 var(--text),2px 0 0 var(--text),0 -2px 0 var(--text),-2px 0 0 var(--text),2px 2px 5px var(--text)}.meme>.bottom{bottom:0}.meme>.top{top:0}.meme-form{width:90%;margin:20px auto;display:flex;justify-content:space-between}.meme-form>input{width:45%;height:40px}.meme-form>button{border:none;font-family:VT323,monospace;font-size:25px;letter-spacing:1.5px;color:#f5f5f5;color:var(--background);background:#6441a5;background:var(--primary-color)}.meme-form>input::-webkit-input-placeholder{font-family:VT323,monospace;font-size:25px;text-align:cen}.meme-form>input::-moz-placeholder{font-family:VT323,monospace;font-size:25px;text-align:cen}.meme-form>input:-ms-input-placeholder{font-family:VT323,monospace;font-size:25px;text-align:cen}.meme-form>input:-moz-placeholder{font-family:VT323,monospace;font-size:25px;text-align:cen}@media (prefers-color-scheme:dark){:root{--background:#000;--primary-color:#6441a5;--secondary-color:#2a0845;--text:#f5f5f5}}
/*# sourceMappingURL=main.273b7a89.chunk.css.map */