body{background-color:#5f27cd;font-family:"Akaya Telivigala",cursive}.App .container{display:flex;position:absolute;height:35rem;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:2rem;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (max-width:1024px){.App .container{height:32rem}}@media screen and (max-width:768px){.App .container{height:25rem}}@media screen and (max-width:500px){.App .container{height:20rem}}@media screen and (max-width:350px){.App .container{height:20rem}}.App .container .header{display:flex;justify-content:space-between;align-items:center;width:93%;height:25%;font-size:2rem}@media screen and (max-width:1024px){.App .container .header{font-size:1.5rem}}@media screen and (max-width:768px){.App .container .header{font-size:1.25rem}}@media screen and (max-width:500px){.App .container .header{font-size:1rem;height:20%;font-size:.7rem}}.App .container .header h2{color:#5f27cd;text-align:center}.App .container .header i{color:#5f27cd}.App .container .main{width:90%;height:70%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.App .container .main p{font-size:2rem;margin:1rem}@media screen and (max-width:1024px){.App .container .main p{font-size:1.5rem}}@media screen and (max-width:768px){.App .container .main p{font-size:1rem}}@media screen and (max-width:500px){.App .container .main p{font-size:.7rem}}.App .container .search{display:flex;align-items:center;justify-content:center}.App .container .search .search-bar{width:12rem;height:3rem;font-size:20px;border:none;cursor:pointer}@media screen and (max-width:1024px){.App .container .search .search-bar{width:8rem;height:2rem;font-size:15px}}@media screen and (max-width:350px){.App .container .search .search-bar{width:4rem;height:1rem;font-size:10px}}@media screen and (max-width:500px){.App .container .search .search-bar{width:6rem;height:1.4rem;font-size:10px}}.App .container .search .search-bar:focus{border:none}.App .container .search .search-bar:focus,.App .container .search .search-bar:hover{border:1.5px solid #5f27cd;background-color:#fff;outline:none}.App .container .search button{border:none;height:3rem;width:3rem;cursor:pointer}@media screen and (max-width:1024px){.App .container .search button{height:2.3rem;width:2.3rem}}@media screen and (max-width:768px){.App .container .search button{height:2rem;width:2rem}}@media screen and (max-width:500px){.App .container .search button{height:1.3rem;width:1.3rem}}.App .container .search button:hover{color:#fff;background:#5f27cd;transition:1s}.App .container .footer{width:95%;margin-bottom:.5em;display:flex;justify-content:center}.App .container .footer .get-quote{font-family:"Akaya Telivigala",cursive;border:none;height:3rem;width:6rem;border-radius:.3em;font-size:1em;margin-left:1em;font-weight:500}@media screen and (max-width:1024px){.App .container .footer .get-quote{height:2.5rem}}@media screen and (max-width:768px){.App .container .footer .get-quote{height:2rem}}@media screen and (max-width:500px){.App .container .footer .get-quote{height:1.5rem;font-size:.8em}}.App .container .footer .get-quote:hover{color:#fff;background-color:#5f27cd;transition:1s}
/*# sourceMappingURL=main.fa8b68b3.chunk.css.map */