*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#fcfcfc;font-family:Lato,sans-serif;font-size:20px;font-weight:300;padding:40px 60px 0}li{list-style:none}a{text-decoration:none}a,h1{font-weight:400;text-transform:uppercase}h1{color:#192a56;font-size:40px;font-style:italic}h1,p{text-align:center}p{font-size:20px;line-height:1.5;margin:10px}#root{margin:0 auto;max-width:1400px}.main{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 3fr;height:80vh}section{overflow:scroll;padding-bottom:30px}.btn{border:1px solid #f7f1e3;border-radius:5px;color:#fff;font-size:18px;font-weight:400;margin:8px;padding:8px;text-transform:uppercase}.btn:hover{cursor:pointer}.message{color:#192a56}@media (max-width:1025px){h1{font-size:34px}}@media (max-width:800px){.main{grid-template-columns:1fr;height:auto}h1{font-size:31px}}@media (max-width:680px){h1{font-size:28px}}@media (max-width:400px){h1{font-size:24px}}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.logo{height:60px;width:60px}.form-btn{background-color:#fbc531;border:1px solid #273c75;box-shadow:2px 3px #273c75;color:#192a56}.form-btn:hover{cursor:pointer}@media (max-width:680px){.header{flex-direction:column;gap:16px}.logo{height:50px;width:50px}}.form{align-items:center;background-color:#192a56;display:flex;gap:20px;justify-content:space-between;margin:20px 0;padding:10px}.form input,.form select{background-color:#dcdde1;border:none;border-radius:5px;color:#353b48;font-family:inherit;font-size:19px;padding:10px}.form input::placeholder{color:#353b48}.form input:first-child{flex-grow:1}.form-btn{margin:0}@media (max-width:600px){.form{padding:16px}}@media (max-width:1180px){.form{gap:8px}.form input,.form select{padding:8px}}@media (max-width:1065px){.form{align-items:stretch;flex-direction:column}.form input,.form select{width:auto}}.quote{background-color:#2f3640;border:1px solid #dcdde1;margin-bottom:15px;padding:14px 22px;text-align:center}.quote-author{color:#fbc531;font-size:24px;font-style:italic;margin:5px;padding-top:12px}.quote-category{padding-top:18px}.quote-source:link,.quote-source:visited{color:#00a8ff;font-weight:400;padding:26px;transition:.5s}.quote-source:active,.quote-source:hover{text-decoration:underline}.wrapper{gap:20px;justify-content:space-between}.like-buttons,.wrapper{align-items:center;display:flex}.like-buttons{gap:10px;justify-content:flex-end}.like-buttons button{background-color:#fcfcfc;border-radius:4px;box-shadow:2px 2px #e1b12c;margin:5px 8px;padding:5px 8px;width:60px}.like-buttons button:hover{cursor:pointer}.like-buttons button:disabled{background-color:#7f8fa6;box-shadow:2px 2px #7f8fa6}@media (max-width:1030px){.wrapper{flex-direction:column;gap:12px;justify-content:center}}@media (max-width:600px){.quote{padding:12px 16px}.like-buttons{flex-direction:column}}@media (max-width:350px){.quote{padding:10px}}.category{margin-top:15px}.category-btn{width:100%}.category-all{background-color:#677689}.category-btn:hover{cursor:pointer;text-decoration:underline}.loader{align-items:center;display:flex;justify-content:space-between;margin:14rem auto;width:10rem}.line{background-color:#fff;border-radius:.2rem;height:1.5rem;width:.3rem}.line:first-child{animation:animateLoader .5s .6s infinite}.line:nth-child(2){animation:animateLoader .5s .3s infinite}.line:nth-child(3){animation:animateLoader .5s infinite}.line:nth-child(4){animation:animateLoader .5s .3s infinite}.line:nth-child(5){animation:animateLoader .5s .6s infinite}@keyframes animateLoader{0%{height:2rem}50%{height:6rem}to{height:2rem}}
/*# sourceMappingURL=main.0791739d.css.map*/