#blog-post section{font-weight:lighter}#blog-post section:first-child{margin-bottom:4rem}#blog-post section:last-child{margin-top:4rem}#blog-post section:not(:first-child):not(:last-child){margin:4rem 0}#blog-post img{margin:0 auto}#blog-post .image-container{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;margin-top:3rem;margin-bottom:3rem}#blog-post .image-container img{width:100%;border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.2);background-size:cover}#blog-post .contents-page{background-color:#1b1728;padding:1rem 2rem;color:#e0457a;font-weight:400;border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.2)}#blog-post .contents-page ul{list-style-type:circle;padding:0 1.5rem}#blog-post .contents-page li:hover{color:#c83868;transition:color .2s ease-in-out}#blog-post a{color:#e0457a}#blog-post a:hover{color:#c83868;transition:color .2s ease-in-out}#blog-post h2{font-size:1.5rem;line-height:2rem;margin:1.5rem 0}#blog-post h2,#blog-post h3{font-weight:400;font-family:var(--font-nunito);letter-spacing:.1em}#blog-post h3{font-size:1rem;line-height:1.5rem;margin:1rem 0}#blog-post p{margin:.75rem 0}#blog-post strong{font-weight:700}#blog-post ol{list-style-type:upper-greek}#blog-post ul{list-style-type:circle}#blog-post li{margin:0 1rem}#blog-post .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}#blog-post table{width:100%;border-collapse:collapse}#blog-post thead th{background-color:#2e2444;font-weight:700}#blog-post td,th{padding:10px;border:1px solid #2e2444;text-align:left}#blog-post th{text-align:left}#blog-post td,#blog-post th{border:1px solid #c83868;padding:.5rem 1rem}#blog-post .tiles-container{display:flex;flex-wrap:wrap;gap:20px}#blog-post .tile{background-color:#1b1728;border-radius:8px;padding:15px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.1)}#blog-post .tile .tile-heading--green{color:#5cd85a}#blog-post .tile .tile-heading--red{color:#e30044}#blog-post .tile h2{font-size:1.2rem;line-height:2rem;margin:0}#blog-post .tile h3{margin-top:0}@media (min-width:600px){#blog-post .tile{width:calc(50% - 10px)}#blog-post .image-container img{width:48%}}