section.page-section{display:flex;justify-content:space-around;padding:4rem 0;overflow-x:hidden}section.page-section.light{background-color:#fff;color:#000}section.page-section.dark{background-color:#353535;color:#fff}section.page-section.accent{color:#fff;background:#1c385c;background:linear-gradient(60deg,#1c385c,#3468aa)}section.page-section .content{max-width:43rem;padding:.5rem}section.page-section h3.accent{color:#1c385c}section.page-section p{padding:.5rem 0}section.page-section a.link{font-style:italic}section.page-section a.link:hover{text-decoration:underline}section.page-section h1,section.page-section h2,section.page-section h3,section.page-section h4,section.page-section h5,section.page-section h6{line-height:initial}.blog-post,.blog-preview{width:100%;max-width:800px;margin:0 auto;padding:20px}.blog-post h2,.blog-preview h2{margin-top:3rem;margin-bottom:1rem}.blog-post .post-header,.blog-preview .post-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.blog-post .post-title,.blog-preview .post-title{font-size:2.5rem;margin-bottom:10px;line-height:3rem}.blog-post .post-meta,.blog-preview .post-meta{display:flex;align-items:center;font-size:.9rem;color:#888}.blog-post .author-icon,.blog-preview .author-icon{width:40px;height:40px;border-radius:50%;margin-right:10px;background-size:contain}.blog-post .author-name,.blog-preview .author-name{font-weight:700;margin-right:15px}.blog-post .post-date,.blog-preview .post-date{color:#555}.blog-post .post-content p,.blog-preview .post-content p{font-size:1.2rem;line-height:1.6;margin-bottom:15px}.blog-post ul,.blog-preview ul{margin-left:20px}.blog-post ul li,.blog-preview ul li{margin-bottom:10px}.blog-post .screenshot,.blog-preview .screenshot{width:100%;max-width:800px;margin:20px 0;display:block}.blog-post code,.blog-preview code{display:block;padding:15px;margin-bottom:20px;background-color:#272727;color:#f8f8f2;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;line-height:1.5;border-radius:5px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.blog-post table,.blog-preview table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.95em;line-height:1.5;color:#555;border:1px solid #e0e0e0;margin-bottom:1.5em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border:none}.blog-post table caption,.blog-preview table caption{padding:.8em 0;font-weight:700;color:#777;text-align:left}.blog-post table thead th,.blog-preview table thead th{background-color:#f5f5f5;color:#333;padding:.8em 1em;text-align:left;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.blog-post table thead th:last-child,.blog-preview table thead th:last-child{border-right:none}.blog-post table tbody tr:nth-child(2n),.blog-preview table tbody tr:nth-child(2n){background-color:#f9f9f9}.blog-post table tbody tr:hover,.blog-preview table tbody tr:hover{background-color:#f0f0f0}.blog-post table tbody td,.blog-preview table tbody td{padding:.8em 1em;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.blog-post table tbody td:last-child,.blog-preview table tbody td:last-child{border-right:none}.blog-post table tfoot td,.blog-preview table tfoot td{padding:.8em 1em;font-weight:700;border-top:1px solid #e0e0e0;background-color:#f5f5f5;border-right:1px solid #e0e0e0}.blog-post table tfoot td:last-child,.blog-preview table tfoot td:last-child{border-right:none}@media (max-width: 767px){.blog-post table,.blog-preview table{display:block;width:100%}.blog-post table thead,.blog-preview table thead{display:none}.blog-post table tbody,.blog-post table tfoot,.blog-preview table tbody,.blog-preview table tfoot{display:block}.blog-post table tbody tr,.blog-post table tfoot tr,.blog-preview table tbody tr,.blog-preview table tfoot tr{margin-bottom:1em;border:1px solid #e0e0e0;border-radius:5px;display:block;padding:.5em}.blog-post table tbody tr:nth-child(2n),.blog-post table tfoot tr:nth-child(2n),.blog-preview table tbody tr:nth-child(2n),.blog-preview table tfoot tr:nth-child(2n){background-color:transparent}.blog-post table tbody tr:hover,.blog-post table tfoot tr:hover,.blog-preview table tbody tr:hover,.blog-preview table tfoot tr:hover{background-color:transparent}.blog-post table tbody td,.blog-post table tfoot td,.blog-preview table tbody td,.blog-preview table tfoot td{display:block;text-align:right;border:none;position:relative;padding-left:50%;padding-bottom:.5em}.blog-post table tbody td:before,.blog-post table tfoot td:before,.blog-preview table tbody td:before,.blog-preview table tfoot td:before{content:attr(data-label);position:absolute;left:1em;width:calc(50% - 1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;text-align:left;color:#333}.blog-post table tbody td:last-child,.blog-post table tfoot td:last-child,.blog-preview table tbody td:last-child,.blog-preview table tfoot td:last-child{padding-bottom:0}.blog-post table tfoot td,.blog-preview table tfoot td{text-align:right;border-top:1px dashed #e0e0e0;background-color:transparent}.blog-post table tfoot td:before,.blog-preview table tfoot td:before{content:""}}.blog-post a{color:#007bff;text-decoration:underline;text-decoration-color:#007bff66;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.blog-post a:hover{color:#0056b3;text-decoration-color:#007bff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Muli,sans-serif;line-height:1.5rem;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Spartan,sans-serif}h1{font-size:xx-large}h2{font-size:x-large}h3{font-size:large}a{display:inline-block;text-decoration:none;color:inherit;transition:color .2s ease-in-out,background-color .2s ease-in-out}.uppercase{text-transform:uppercase}