@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);:root{--base-color--:#f1356d}*{color:#333;font-family:Quicksand;margin:0}.navbar{align-items:center;border-bottom:1px solid #f2f2f2;display:flex;margin:0 auto;max-width:600px;padding:20px}.navbar h1{color:#f1356d;color:var(--base-color--)}.navbar .links{margin-left:auto}.navbar a{margin-left:16px;padding:6px;text-decoration:none}.navbar a:hover{color:#f1356d;color:var(--base-color--)}.content{margin:40px auto;max-width:600px;padding:20px}.blog-preview{border-bottom:1px solid #fafafa;margin:20px 0;padding:10px 16px;position:relative}.blog-preview:hover{box-shadow:1px 3px 5px rgba(0,0,0,.1)}.blog-preview h2{color:#f1356d;color:var(--base-color--);font-size:20px;margin-bottom:8px}.blog-preview a{text-decoration:none}.cont{display:grid;height:100hv;place-items:center}.cont .circle{height:100px;position:relative;width:100px}.cont .circle .quarter{-webkit-animation:rrr 1s ease-in-out infinite;animation:rrr 1s ease-in-out infinite;background:#f1356d;background:var(--base-color--);height:50%;position:absolute;width:50%}.cont .circle .quarter:first-child{border-radius:100% 0 0 0;left:0;top:0}.cont .circle .quarter:nth-child(2){border-radius:0 100% 0 0;right:0;top:0}.cont .circle .quarter:nth-child(3){border-radius:0 0 0 100%;bottom:0;left:0}.cont .circle .quarter:nth-child(4){border-radius:0 0 100% 0;bottom:0;right:0}@-webkit-keyframes rrr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rrr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.blog-details h2{color:#f1356d;color:var(--base-color--);font-size:20px}.blog-details p{margin:10px 0}.blog-details button{background:#f1356d;background:var(--base-color--);background-color:var();border:0;border-radius:8px;color:#fff;cursor:pointer;float:right;margin-top:20px;padding:8px}.create{margin:0 auto;max-width:400px;text-align:center}.create label{display:block;text-align:left}.create h2{color:#f1356d;color:var(--base-color--);font-size:24px;margin-bottom:30px}.create input,.create select,.create textarea{border:1px solid #f1356d;border:1px solid var(--base-color--);box-sizing:border-box;display:block;margin:10px 0;padding:6px 10px;width:100%}.create button{background-color:#f1356d;background-color:var(--base-color--);border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px}
/*# sourceMappingURL=main.4edfbe4b.css.map*/