*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0}nav{background:linear-gradient(90deg,#672280 1.18%,#a626d3);color:#fff;justify-content:space-between}.header,nav{align-items:center;display:flex}.header{gap:1em}.logo{margin-left:1em;width:3em}.nav-title{font-family:Karla;font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.1em;line-height:24px}.nav-subtitle{font-family:Inter;line-height:15px;margin-right:37px}main{padding:36px}.form{grid-gap:17px;display:grid;gap:17px;grid-template:40px 40px/1fr 1fr}.form-input{border:1px solid #672280;border-radius:5px;font-size:1rem;text-indent:5px}.form-button,.form-input{font-family:Karla,sans-serif}.form-button{background:linear-gradient(90.41deg,#711f8d 1.14%,#a818da);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;grid-column:1/-1}.main-sec{border:4px solid #672280;border-radius:15px;box-shadow:-5PX -5PX 30px #000,5PX 5PX 30px #000;margin:3em auto;padding:5em;width:70%}.meme-img{border:2px solid #672280;border-radius:5px;width:100%}.meme{margin-top:1em;position:relative}.meme-text{color:#fff;font-family:impact,sans-serif;font-size:2em;left:50%;letter-spacing:1px;margin:15px 0;padding:0 5px;position:absolute;text-align:center;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-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.bottom{bottom:0}.top{top:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.a2cea3ea.css.map*/