body{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}.app{height:100dvh}.nav-logo{align-self:center;border-radius:50%;margin:0;padding:0;width:1.5rem}.title{font-size:15px;font-weight:300}.three,.title{align-self:center;color:#fff}.three{font-size:7.6px}.navbar{background:#5a1174;background:linear-gradient(90deg,#5a1174 40%,#9308c5 80%);background:-moz-linear-gradient(90deg,#5a1174 40%,#9308c5 80%);gap:10px;justify-content:space-between;padding:0 8px}.logo-container,.navbar{display:flex;flex-direction:row}.meme{display:inline;margin-top:20px;width:100dvw}.container{padding:0 4.7dvw}.meme-img{align-items:center;align-self:center;height:100%;object-fit:cover;position:relative;width:100%}.bottom-text,.top-text{color:#fff;font-size:30px;justify-content:center;position:absolute;text-align:center;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase;width:100%}.top-text{line-height:25px;top:0;word-break:keep-all}.bottom-text{bottom:0;line-height:25px}.input{display:flex;gap:10px;justify-content:space-between;margin-top:20px}input[type=text]{border:1px solid #787678;border-radius:5px;height:25px;padding-left:10px;width:50%}input[type=submit]{background:#5a1174;background:linear-gradient(90deg,#5a1174 40%,#9308c5 80%);background:-moz-linear-gradient(90deg,#5a1174 40%,#9308c5 80%);border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;height:35px;margin-top:15px;width:100%}.memes{align-items:center;align-self:center;border-radius:4px;height:70dvh;margin-top:36px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:425px){.container{margin:0 7%}}@media screen and (min-width:768px){.container{margin:0 15%}.title{font-size:15px;margin-left:7px}.three{font-size:9px}.navbar{padding:0 20px}.meme-img{width:100%}input[type=text]{width:50%}input[type=submit]{font-size:13px;height:35px;width:100%}}@media screen and (min-width:1024px){.container{margin:0 13%}.nav-logo{width:1.7rem}.title{font-size:20px;margin-left:7px}.three{font-size:12px}.navbar{padding:0 20px}.meme-img{width:100%}input[type=text]{height:40px;width:50%}input[type=submit]{font-size:16px;height:50px;width:100%}}@media screen and (min-width:1440px){.container{margin:0 18%}.nav-logo{width:2rem}.title{font-size:22px;margin-left:7px}.three{font-size:18px}.navbar{padding:0 28px}.meme-img{width:100%}input[type=text]{height:50px;width:50%}input[type=submit]{font-size:20px;height:58px;width:100%}}
/*# sourceMappingURL=main.38149efd.css.map*/