#blog article{font-size:var(--font-size-sm);margin:50px 0}#article-meta-box{color:#fff;flex-direction:column;justify-content:center;display:flex}#blog .article-meta:before{content:"";width:1.5rem;height:1.5rem;display:block}#blog .article-meta{-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;justify-content:center;align-items:center;display:flex}#blog #writer:before{background:url(/img/pen-nib-solid-full.svg) 50%/cover no-repeat}#blog #updated-date:before{background:url(/img/calendar-solid-full.svg) 50%/cover no-repeat}#blog #content{width:80%;max-width:1000px;margin:0 auto;line-height:2.5rem}#blog #blog-header{aspect-ratio:1.77778;-webkit-box-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-align:center;justify-content:center;align-items:center;width:100vw;max-height:40vh;display:flex;position:relative;overflow:hidden}#blog #blog-header img{-o-object-fit:cover;object-fit:cover}#blog #blog-header #title-card{animation:.5s .5s forwards bounce-title;position:absolute;scale:0}#blog #blog-header #title-card>div{z-index:1;background:var(--main-color);border:1px solid #000;padding:10px 20px;position:relative}#blog #blog-header #title-card h1{z-index:1;color:#fff;text-align:center;width:100%;text-shadow:2px 3px #000;border:none;margin:0;padding:20px 50px}#blog #blog-header #title-card span:first-of-type{background:var(--sub-color2);border:1px solid #000;width:100%;height:100%;display:block;position:absolute;top:14px;left:14px}#blog #blog-header #title-card span:nth-of-type(2){background:repeating-linear-gradient(135deg,var(--sub-color1),var(--sub-color1)5px,black 5px,black 7px);border:1px solid #000;width:100%;height:100%;display:block;position:absolute;top:7px;left:7px}#blog #blog-header #title-card h1:before{display:none}#blog #main-visual{width:100%;display:block}#blog #content h2{font-size:var(--font-size-xl);border-bottom:solid 1px var(--text-color2);margin-top:10px}#blog #content h3{font-size:var(--font-size-lg);line-height:4rem}#blog p:has(a[data-embed-type]){width:fit-content;max-width:calc(100% - 10px);margin:var(--space-5)0% calc(var(--space-5) + 10px);border:2px solid #000;border-radius:20px;display:flex;overflow:hidden;box-shadow:10px 10px #000}#blog p:has(a[data-embed-type]):before{content:"";background:#ffcee9 url(/img/folder-solid-full.svg) 50%/70% no-repeat;border-right:1px solid #000;-ms-flex-item-align:stretch;align-self:stretch;width:70px;display:block}#blog a[data-embed-type]{padding:var(--space-5);line-height:var(--font-size-xl)}#blog ul{padding-left:20px}#blog li{list-style:inside}#blog code{height:calc(1rem + 10px);color:var(--main-color);background:#ffcee9;border-radius:5px;padding:5px;font-family:Courier New,Courier,monospace;line-height:1rem;display:inline-block}#blog div:has(>pre){color:#fff;height:fit-content;margin:0;font-family:Courier New,Courier,monospace}#blog pre{border-radius:0 10px 10px;width:100%;overflow-x:scroll}#blog pre code{width:100%;height:fit-content;font-size:var(--font-size-xs);color:#fff;background:#000;border-radius:0 10px 10px;padding:20px}#blog div[data-filename]:before{width:fit-content;font-size:var(--font-size-xs);line-height:var(--font-size-xxl);color:var(--main-color);content:attr(data-filename);background:#ffcee9;border-radius:5px 5px 0 0;padding:0 10px;display:block}#blog blockquote{color:#000;text-align:left;background-color:#fff;border:2px solid #000;border-radius:20px;width:calc(100% - 20px);margin:40px 0 30px 10px;padding:20px;font-size:16px;font-weight:400;line-height:1.5;display:inline-block;position:relative;box-shadow:10px 10px #000}#blog blockquote:before{content:"";transform-origin:100%;border-top:17px solid #0000;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:20px solid #000;position:absolute;bottom:20px;left:-1px;transform:skewY(-24deg)translate(-100%,-50%)}#blog blockquote:after{content:"";transform-origin:100%;border-top:12.4px solid #0000;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:14.6px solid #fff;position:absolute;bottom:24px;left:1px;transform:skewY(-24deg)translate(-100%,calc(.3px - 50%))}#blog #content img{width:calc(100% - 10px);height:auto;margin:var(--space-5)0 calc(var(--space-5) + 10px)0;border:2px solid #000;border-radius:20px;box-shadow:10px 10px #000}#blog #content div.iframely-embed{width:calc(100% - 10px);margin:var(--space-5)0 calc(var(--space-5) + 10px);border-radius:20px;overflow:hidden;box-shadow:10px 10px #000}#blog #content div.iframely-embed .iframely-responsive iframe{outline-offset:-2px;border-radius:20px;outline:2px solid #000}#blog table{max-width:calc(100% - 10px);margin:var(--space-5)auto calc(var(--space-5) + 10px);margin-left:10%;overflow-x:scroll;box-shadow:10px 10px #000;border:2px solid #000!important}#blog table,#blog table th,#blog table td{border-collapse:collapse;border:1px solid #000;padding:0 10px}#blog table tbody tr:first-of-type{background:#ffcee9}@keyframes bounce-title{0%{scale:0}50%{scale:1.5}70%{scale:.8}85%{scale:1.1}to{scale:1}}