@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Ubuntu&display=swap);#root,body,html{box-sizing:border-box;height:100vh;margin:0;padding:0}.App{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/bg.0a9c8b68cc80cd86c27b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%}.App,.loading_spainer{align-items:center;display:flex;justify-content:center}.loading_spainer{background:rgba(0,0,0,.8);flex-direction:column;height:100vh;position:absolute;width:100%;z-index:1}.loading_spainer p{color:#fff;font-family:Ubuntu,sans-serif;font-size:1em}.card_main{background-color:#f5f5f5;border-radius:25px;display:flex;flex-direction:column;height:30%;justify-content:space-evenly;opacity:.8;padding:1.5rem 1rem;width:33%}.quote_text{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.quote_text p{color:rgba(0,0,0,.892);font-family:Ubuntu,sans-serif;font-size:1.2em;margin:0}.quote_author{align-items:center;display:flex;justify-content:flex-end;width:100%}.quote_author p{color:#000;font-family:Lobster,cursive;font-size:1.4em}.new_quote{align-items:center;display:flex;justify-content:space-between}.socisl_button button{border:none;border-radius:50%;cursor:pointer;height:2rem;width:2rem}.socisl_button button:first-child{background:#00acee;color:#fff}.socisl_button button:first-child:hover{background:#fff;border:1px solid #00acee;color:#00acee;transition:.6s}.socisl_button button:nth-child(2){background:#25d366;color:#fff;margin-left:1rem}.socisl_button button:nth-child(2):hover{background-color:#fff;border:1px solid #25d366;color:#25d366;transition:.6s}.quote_button button{background:#ffbe76;border:3px solid #ffbe76;border-radius:15px;border-radius:10px;color:#222f3e;cursor:pointer;font-family:Ubuntu,sans-serif;font-size:1em;font-weight:600;padding:.5em 1em}.quote_button button:hover{background:#f0932b;transition:.6s}@media screen and (max-width:480px){.card_main{width:84%}.quote_text p{font-size:1em}.quote_author p{font-size:1.1em}}@media screen and (max-width:820px){.card_main{height:23%;width:80%}};@media screen and (max-width:1024px){.card_main{height:27%;width:50%}}
/*# sourceMappingURL=main.7a967a86.css.map*/