@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";
.container{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin-block:2rem;display:flex}img{object-fit:fill;max-width:100%;display:block}.card{background:linear-gradient(90deg,#fff,#ece9e6);border-radius:1em;flex-direction:column;width:clamp(20rem,20rem + 2vw,22rem);display:flex;overflow:hidden;box-shadow:0 .1rem 1rem #0000001a}.card__body{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.tag{border-radius:1em;align-self:flex-start;padding:.25em .75em;font-size:.75rem}.tag+.tag{margin-left:.5em}.tag-blue{color:#fafafa;background:linear-gradient(#2f80ed,#56ccf2)}.tag-brown{color:#fafafa;background:linear-gradient(#ffd194,#d1913c)}.tag-red{color:#fafafa;background:linear-gradient(#ef473a,#cb2d3e)}.card__body h4{text-transform:capitalize;font-size:1.5rem}.card__footer{margin-top:auto;padding:1rem;display:flex}.user{gap:.5rem;display:flex}.user__image{border-radius:50%}.user__info>small{color:#666}*{box-sizing:border-box}.blog-card{z-index:0;background:#fff;border-radius:5px;flex-direction:column;margin:1rem auto 1.6%;line-height:1.4;display:flex;overflow:hidden;box-shadow:0 3px 7px -1px #0000001a}.blog-card a{color:inherit}.blog-card a:hover{color:#3b70fc}.blog-card:hover .photo{transform:scale(1.3)rotate(3deg)}.blog-card .meta{z-index:0;height:200px;position:relative}.blog-card .photo{background-position:50%;background-size:cover;transition:transform .2s;position:absolute;inset:0}.blog-card .details,.blog-card .details ul{margin:auto;padding:0;list-style:none}.blog-card .details{color:#fff;background:#0009;width:100%;margin:auto;padding:10px;font-size:.9rem;transition:left .2s;position:absolute;top:0;bottom:0;left:-100%}.blog-card .details a{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.blog-card .details ul li{display:inline-block}.blog-card .details .author:before{content:"";margin-right:10px;font-family:FontAwesome}.blog-card .details .date:before{content:"";margin-right:10px;font-family:FontAwesome}.blog-card .details .tags ul:before{content:"";margin-right:10px;font-family:FontAwesome}.blog-card .details .tags li{margin-right:2px}.blog-card .details .tags li:first-child{margin-left:-4px}.blog-card .description{z-index:1;background:#fff;padding:1rem;position:relative}.blog-card .description h1{margin:0;font-size:1.7rem;line-height:1}.blog-card .description h2{text-transform:uppercase;color:#a2a2a2;margin-top:5px;font-size:1rem;font-weight:300}.blog-card .description .read-more{text-align:right}.blog-card .description .read-more a{color:#3b70fc;display:inline-block;position:relative}.blog-card .description .read-more a:after{content:"";opacity:0;vertical-align:middle;margin-left:-10px;font-family:FontAwesome;transition:margin .3s,opacity .3s}.blog-card .description .read-more a:hover:after{opacity:1;margin-left:5px}.blog-card p{margin:1rem 0 0;position:relative}.blog-card p:first-of-type{margin-top:1.25rem}.blog-card p:first-of-type:before{content:"";background:#3b70fc;border-radius:3px;width:35px;height:5px;position:absolute;top:-.75rem}.blog-card:hover .details{left:0%}@media (min-width:640px){.blog-card{flex-direction:row;max-width:700px}.blog-card .meta{flex-basis:40%;height:auto}.blog-card .description{flex-basis:60%}.blog-content a{color:#3b82f6;text-decoration:underline}.blog-card .description:before{content:"";z-index:-1;background:#fff;width:30px;position:absolute;top:0;bottom:0;left:-10px;transform:skew(-3deg)}.blog-card.alt{flex-direction:row-reverse}.blog-card.alt .description:before{left:inherit;right:-10px;transform:skew(3deg)}.blog-card.alt .details{padding-left:25px}}.blog-details-container{background-color:#f9f9f9;justify-content:center;align-items:center;width:100%;display:flex}.blog-details-container .content{text-align:justify;width:100%;max-width:900px;line-height:1.7}.blog-details-container img{text-align:center;border-radius:8px;max-width:100%;height:auto;margin:0 auto}.blog-details-container h1{color:#000;text-align:left;margin-top:20px;margin-bottom:15px;font-size:2rem;font-weight:700}.blog-details-container .metadata{color:#777;gap:10px;margin-bottom:15px;font-size:14px;display:flex}.blog-details-container .metadata img{width:16px;height:16px}.blog-details-container .categories{color:#007bff;font-size:14px;text-decoration:none}.blog-details-container .categories:hover{text-decoration:underline}.blog-details-container p{color:#000;margin-bottom:20px;font-size:16px;line-height:1.8}.blog-details-container h2{color:#000;margin-bottom:10px;font-size:1.8rem;font-weight:700}.blog-details-container h3{color:#000;margin-top:30px;margin-bottom:10px;font-size:1.4rem;font-weight:700}.blog-details-container ul{margin-bottom:20px;margin-left:20px;list-style-type:disc}.blog-details-container li{color:#000;margin-bottom:10px;font-size:16px;line-height:1.6}.blog-details-container ol{margin-bottom:20px;margin-left:20px;list-style-type:decimal}.blog-details-container ol li{color:#000;margin-bottom:10px;font-size:16px;line-height:1.6}.blog-details-container blockquote{color:#555;border-left:5px solid #ddd;margin:20px 0;padding-left:15px;font-size:16px;font-style:italic}.blog-details-container a{color:orange;text-decoration:none}.blog-details-container .side-panel-clashes a{color:#000;text-decoration:none}.blog-details-container a:hover{text-decoration:underline}.blog-details-container button{color:#fff;cursor:pointer;background-color:#ff7f00;border:none;border-radius:5px;margin-top:30px;padding:10px 20px;font-size:16px}.blog-details-container .side-panel-clashes button{color:orange;cursor:pointer;background-color:#fff;border:1px solid orange;border-radius:22px;margin-top:10px;padding:5px 10px;font-size:16px;margin-top:none!important}.blog-details-container button:hover{color:#fff;background-color:orange}.blog-details-container pre{background-color:#f5f5f5;border-radius:5px;margin-bottom:20px;padding:10px;overflow-x:auto}.blog-details-container code{font-size:1rem}.blog-details-container .breadcrumb{flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.blog-details-container .breadcrumb img{width:35px;height:35px}.blog-details-container .breadcrumb p{color:#1c1818;margin:0;font-size:13px}.blog-details-container .breadcrumb b{color:#888;margin:0 5px}.blog-content{width:100%;overflow-x:auto}.blog-content table{border-collapse:collapse!important;width:100%!important;margin:16px 0!important;display:table!important}.blog-content th,.blog-content td{text-align:left!important;vertical-align:top!important;white-space:normal!important;word-break:break-word!important;border:1px solid #000!important;padding:10px!important}.blog-content thead th{font-weight:700!important}.blog-content td p,.blog-content th p{margin:0!important}