@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;1,700&display=swap);*{font-family:"Poppins",sans-serif}body{padding:20px}body .myNavbar{display:flex;align-items:center;justify-content:space-between;background-color:#0b132b;padding:10px 120px;position:fixed;top:0;left:0;z-index:1}body .myNavbar h1{color:#fff;font-size:30px;font-weight:900}body .myNavbar .logoFirst{color:#fcdebe}body .myNavbar h1.navbarTitle{color:#fff;font-weight:700;font-size:30px;text-align:right}body .formSection{margin:150px auto 0;display:flex;justify-content:center;z-index:-1}body .formSection button,body .formSection input{font-size:20px;padding:8px 16px;line-height:2rem;border-radius:50px;margin-right:20px;border:none;border-bottom:2px solid #0b132b;outline:none}body .formSection button{background-color:#fcdebe;color:#0b132b}body .title{text-align:center}body .result{padding:90px;display:grid;grid-template-columns:auto auto auto}body .result .card{display:flex;border:none;justify-content:center;align-items:center}body .result .card a{text-decoration:none;color:#000;font-weight:500}body .result .card a .resultImage{flex:100% 1;margin-top:1rem;border-radius:20px;width:350px;padding:10px;cursor:pointer}.footer,body .result .card a .username{text-align:center}.footer{padding:20px;background-color:#0b132b;position:fixed;bottom:0;left:0;width:100%}.footer a{text-decoration:none;color:#fcdebe}@media screen and (min-width:300px) and (max-width:600px){body .title{font-size:27px}body .myNavbar{padding:20px}body .myNavbar h1.navbarTitle{font-size:20px}body .formSection{width:100%;margin:100px auto 30px}body .formSection input{font-size:12px;width:70%}body .formSection button{font-size:15px;width:30%}body .result{display:grid;grid-template-columns:auto;padding:0}body .resultImage{width:90%}}@media screen and (min-width:601px) and (max-width:767px){body .title{font-size:27px}body .myNavbar{padding:15px}body .formSection{width:70%;margin:70px auto}body .formSection input{font-size:12px;width:70%}body .formSection button{font-size:15px;width:30%}body .result{display:grid;grid-template-columns:auto auto;padding:0}body .result .card a span .resultImage{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){body .title{font-size:27px}body .myNavbar{padding:15px}body .formSection{width:70%;margin:80px auto 30px}body .formSection input{font-size:12px;width:70%}body .formSection button{font-size:15px;width:30%}body .result{display:grid;grid-template-columns:auto auto auto;padding:0}body .result .card{align-items:start}body .result .card a .resultImage{width:100%}}@media screen and (min-width:1025px) and (max-width:1200px){body .title{font-size:27px}body .myNavbar{padding:15px}body .formSection{width:60%;margin:60px auto 30px}body .formSection input{font-size:12px;width:70%}body .formSection button{font-size:15px;width:30%}body .result{display:grid;grid-template-columns:auto auto auto;padding:10px}body .result .card{align-items:start}body .resultImage{width:90%}}
/*# sourceMappingURL=main.a593cdc1.chunk.css.map */