body{--accent-color: #ac4142;--accent-color-light: #bf616a;--background-color: #f1f5f9;--background-color-light: #fff;--background-color-light-alt: #f9f9f9;--border-color: rgba(0, 0, 0, 0.1);--header-title-color: #fff;--header-color-1: rgba(255, 255, 255, 0.95);--header-color-2: rgba(172, 65, 66, 0.55);--shadow-color: rgba(0, 0, 0, 0.2);--text-color: #212529;--text-color-light: #717171;--watermark-color: rgba(255,255,255,0.4)}body.dark-theme{--accent-color: #ac4142;--accent-color-light: #ac4142;--background-color: #212529;--background-color-light: #000;--background-color-light-alt: #393939;--border-color: rgba(0, 0, 0, 0.1);--header-title-color: #fff;--header-color-1: rgba(0, 0, 0, 0.95);--header-color-2: rgba(128, 128, 128, 0.85);--shadow-color: rgba(150, 150, 150, 0.0);--text-color: #f1f5f9;--text-color-light: #717171;--watermark-color: rgba(255,255,255,0.4)}body{--body-text-color: var(--text-color);--body-background-color: var(--background-color);--body-font-family: 'Ubuntu', 'Open Sans', Arial, Helvetica, sans-serif;--code-inline-text-color: var(--accent-color-light);--code-inline-background-color: var(--background-color-light-alt);--blockquote-text-color: var(--text-color-light);--blockquote-background-color: var(--background-color-light-alt);--blockquote-border-color: var(--text-color-light);--input-text-color: var(--text-color);--input-background-color: var(--background-color-light-alt);--button-text-color: var(--background-color-light);--button-background-color: var(--accent-color-light);--cookie-consent-text-color: var(--background-color-light-alt);--cookie-consent-background-color: var(--text-color);--cookie-consent-button-text-color: var(--background-color-light);--cookie-consent-button-background-color: var(--accent-color);--message-text-color: var(--text-color-light);--message-background-color: var(--background-color-light-alt);--footer-background-color: var(--background-color-light);--footer-button-text-color: var(--background-color-light);--footer-button-background-color: var(--text-color);--footer-button-hover-text-color: var(--background-color-light);--footer-button-hover-background-color: var(--accent-color);--header-title-font-family: 'Open Sans', Arial, Helvetica, sans-serif;--header-title-text-color: var(--header-title-color);--header-background-color: linear-gradient(to bottom, var(--header-color-1) 0%, var(--header-color-2) 100%);--header-background-image: url(/assets/uploads/bg/desktop.jpg) center / cover;--box-text-color: var(--text-color);--box-background-color: var(--background-color-light);--box-icon-color: var(--watermark-color);--box-aboutme-text-color: var(--text-color-light);--nav-background-color: var(--background-color-light);--nav-a-color: var(--text-color);--a-color: var(--accent-color);--small-color: var(--text-color-light);--logo-color: var(--accent-color);--share-button-text-color: var(--header-title-color);--share-button-background-color: var(--accent-color-light);--pagination-button-text-color: var(--header-title-color);--pagination-button-background-color: var(--accent-color-light);--table-cell-background-color: var(--background-color-light-alt);--table-cell-border-color: var(--background-color);--table-header-text-color: var(--background-color);--table-header-background-color: var(--text-color)}*{box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}body{font-size:18px;font-weight:400;color:var(--body-text-color);margin:0;padding:0;background:var(--body-background-color)}p{text-align:justify;line-height:1.4em}img{max-width:100%;display:block;margin:0 auto}body,h1,h2,h3,h4,h5,h6{font-family:var(--body-font-family)}a{color:var(--a-color);text-decoration:none}a:hover{text-decoration:underline}h2,h3,h4,h5,h6{margin-top:1rem}[id]:not(i,ul)::before{content:'';display:block;height:75px;margin-top:-75px;visibility:hidden}ul#markdown-toc [id]:not(i,ul)::before{display:inline;height:0px;margin-top:0px}div.highlight{box-shadow:0 4px 8px 0 var(--shadow-color)}code{font-size:92%;color:var(--code-inline-text-color);background-color:var(--code-inline-background-color)}code.language-plaintext{word-break:break-word}pre code{color:inherit;background-color:transparent}pre{margin-bottom:0;font-family:monospace}small{color:var(--small-color);font-size:16px;line-height:1.5}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid var(--border-color)}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:var(--blockquote-text-color);background-color:var(--blockquote-background-color);border-left:0.25rem solid var(--blockquote-border-color);quotes:"“" "”" "‘" "’";text-align:left}blockquote:before{position:absolute;color:var(--blockquote-border-color);content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;font-family:Arial;margin-top:12px;margin-left:-16px}blockquote p{display:inline}input{background-color:var(--input-background-color);border:0;border-radius:0;padding:8px 18px;margin:0;font-size:20px;color:var(--input-text-color)}input:focus{border:0;box-shadow:none;outline:none}button{color:var(--button-text-color);background-color:var(--button-background-color);border:0;padding:8px 18px;text-align:center;font-size:20px}button:focus{border:0;box-shadow:none;outline:none}button:active{margin-left:2px}article,main,header h1,header small,section{width:calc(100% - 20px);margin-left:auto;margin-right:auto;padding:10px}@media (min-width: 992px){article,main,header h1,header small,section{width:950px;padding:0}}@media (min-width: 1242px){article,main,header h1,header small,section{width:1200px;padding:0}}nav{margin-bottom:0;background-color:var(--nav-background-color);height:68px;position:fixed;top:0px;width:100vw;padding:0 .1em;opacity:0.8;transition:all 0.2s ease-out;box-shadow:0 4px 8px 0 var(--shadow-color),0 6px 20px 0 var(--shadow-color);z-index:1}nav.solid{opacity:1}nav.solid a.text{opacity:0}nav a:hover{color:var(--logo-color);text-decoration:none}nav>a{padding:2px 5px 0 5px;float:left;font-family:'Open Sans';font-size:2.4em;font-weight:900}nav>a.text{transition:all 0.2s ease-out;padding-left:0px;opacity:0;letter-spacing:-2px;display:none}nav>a img{margin-left:10px}nav ul{list-style:none;padding:24px 0 8px;margin-left:-2px;margin-right:-2px;margin-top:66px;background-color:var(--nav-background-color);visibility:hidden;opacity:0;transition:all 0.2s ease-out;border-bottom:1px solid var(--border-color)}nav ul li{text-align:center;margin:24px auto}nav ul li a{color:var(--nav-a-color);font-weight:650}nav #hamburger{float:right;cursor:pointer;font-size:1.5em;font-family:"Font Awesome 5 Free";font-weight:900;padding:0.7em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}nav #hamburger:before{content:"\f0c9";color:var(--accent-color)}nav.active{opacity:1}nav.active ul{visibility:visible;opacity:1}nav.active #hamburger:before{content:"\f00d"}@media screen and (min-width: 768px){nav{padding:0 1em}nav>a.text{opacity:1}nav ul{list-style:none;padding:0.2em;opacity:1;visibility:visible;margin:0;margin-block-start:1em;margin-block-end:1em;float:right;display:block;background-color:transparent;border-bottom:0}nav ul li{display:inline;padding-right:1em}nav ul li a{color:var(--nav-a-color)}nav #hamburger{display:none}}header{background:var(--header-background-color),var(--header-background-image);position:relative;background-size:cover;display:flex;flex-direction:column;height:250px;align-items:center;justify-content:center;z-index:0;text-align:center;margin-bottom:20px}header h1{color:var(--header-title-text-color);font-size:50px;margin-top:80px;font-weight:900;font-family:var(--header-title-font-family)}header small{display:block;margin-top:-2.5rem;margin-bottom:1rem;color:var(--header-title-text-color);font-weight:bold;font-size:20px;font-style:italic}header.post{text-align:left}header.post h1{color:var(--header-title-text-color);font-size:30px;margin-bottom:10px}header.post small{margin-top:0;font-size:16px}@media screen and (min-width: 768px){header{height:400px}header h1{font-size:80px}header.post{margin-bottom:50px}header.post h1{color:var(--header-title-text-color);font-size:65px}header.post small{font-size:24px}}main#portfolio,main#videos{padding:0}main#portfolio a:hover,main#videos a:hover{text-decoration:none}main#portfolio ul,main#videos ul{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap}main#portfolio ul li,main#videos ul li{display:inline-block;list-style:none;width:100%;background-color:var(--box-background-color);transition:0.3s;margin:20px 20px;display:flex;flex-direction:column;flex-wrap:wrap;position:relative;cursor:pointer;border-radius:0.5em}main#portfolio ul li:hover,main#videos ul li:hover{box-shadow:0 16px 32px 0 var(--shadow-color);margin-top:10px;margin-bottom:30px}main#portfolio ul li i.category,main#videos ul li i.category{float:left;position:absolute;left:10px;top:10px;color:var(--box-icon-color);font-size:64px}main#portfolio ul li i.category:hover,main#videos ul li i.category:hover{text-decoration:none;color:var(--box-icon-color)}main#portfolio ul li img,main#videos ul li img{display:inline-block;border-radius:0.5em 0.5em 0 0}main#portfolio ul li img.avatar,main#videos ul li img.avatar{border-radius:50%;width:200px;margin-top:12px;display:block;align-self:center}main#portfolio ul li h2,main#videos ul li h2{padding:0 12px;margin-bottom:0;color:var(--box-text-color);display:inline-block}main#portfolio ul li small,main#videos ul li small{padding:0 12px;display:inline-block}main#portfolio ul li p,main#videos ul li p{margin-top:15px;padding:0 12px;color:var(--box-text-color);display:inline-block}main#portfolio ul li article,main#videos ul li article{width:100%;padding:1rem}main#portfolio ul li.tags,main#videos ul li.tags{display:block;padding:20px;text-align:center;cursor:default;padding:1.5rem}main#portfolio ul li.tags a,main#videos ul li.tags a{margin-right:20px}main#portfolio ul li.about-me,main#videos ul li.about-me{padding:1rem}main#portfolio ul li.about-me h2,main#videos ul li.about-me h2{margin-top:43px;text-align:center;width:100%}main#portfolio ul li.about-me p,main#videos ul li.about-me p{margin-top:15px;padding:0 12px;font-style:italic;color:var(--box-aboutme-text-color);text-align:left}main#portfolio ul li.about-me p i,main#videos ul li.about-me p i{width:24px}main#portfolio ul li.subscribe,main#videos ul li.subscribe{cursor:default;padding:1.5rem}main#portfolio ul li.subscribe fieldset,main#videos ul li.subscribe fieldset{border:0;padding:0 12px}main#portfolio ul li.subscribe fieldset input,main#videos ul li.subscribe fieldset input{width:100%}main#portfolio ul li.subscribe fieldset button,main#videos ul li.subscribe fieldset button{width:100%}@media screen and (min-width: 768px){main#videos ul li{width:calc((100% / 3) - 40px);display:flex}main#portfolio ul li{width:calc((100% / 3) - 40px);display:flex}main#portfolio ul li:first-child{width:calc(((100% / 3) - 40px) * 2 + 40px)}main#portfolio ul li:first-child a{display:flex;flex-direction:row;width:100%;height:100%}main#portfolio ul li:first-child a img{width:50%;margin:0;object-fit:cover;height:100%;border-radius:0.5em 0 0 0.5em}main#portfolio ul li:first-child a article{width:50%;margin:0}main#portfolio ul li.tags{width:calc(((100% / 3) - 40px) * 2 + 40px);display:flex;flex-flow:row wrap;align-items:center;justify-content:center}main#portfolio ul li.subscribe{width:calc(100% - 40px)}main#portfolio ul li.subscribe fieldset input{width:60%}main#portfolio ul li.subscribe fieldset button{width:140px}main#portfolio ul li.oss{width:100%}main#portfolio ul li.oss a{display:flex;flex-direction:row;width:100%;height:100%}main#portfolio ul li.oss a img{width:50%;margin:0;object-fit:cover;height:100%;border-radius:0.5em 0 0 0.5em}main#portfolio ul li.oss a article{width:50%;margin:0}main#portfolio ul li.oss a article h2{width:100%}}table{margin:0;padding:0;table-layout:fixed}table tr{background-color:var(--table-cell-background-color);border:1px solid var(--table-cell-border-color);padding:.35em}table th{background-color:var(--table-header-background-color);color:var(--table-header-text-color);padding:.625em;letter-spacing:.1em;text-align:left;font-weight:bold}table td{padding:.625em}@media screen and (max-width: 600px){table{border:0;display:block;max-width:-moz-fit-content;max-width:fit-content;margin:0 auto;overflow-x:auto;white-space:nowrap}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;width:1px}table tr{margin-bottom:.625em}}article h2{margin:0.83em 0}article.list-item{border-bottom:1px solid var(--border-color);padding-bottom:1em}article.list-item h2{margin-bottom:0}article.post img,article.post .youtube{box-shadow:0 4px 8px 0 var(--shadow-color)}article#error{margin-top:100px}article li{padding:0.1em 0}section{font-size:20px}section .left{float:left}section .right{float:right}section#share{border-top:1px solid var(--border-color);text-align:center}section#share a{color:var(--share-button-text-color);background-color:var(--share-button-background-color);box-shadow:0 4px 8px 0 var(--shadow-color);padding:8px 18px;display:inline-block;text-align:center;margin-top:6px}section#related h2{margin-bottom:2px}section#related ul{list-style:none;padding:0}section#related ul li{padding-bottom:8px}section#pagination{height:50px;margin-bottom:1em;margin-top:1em}section#pagination a{color:var(--pagination-button-text-color);background-color:var(--pagination-button-background-color);padding:8px 18px;margin-top:-9px;width:140px;text-align:center}@media screen and (min-width: 768px){section#pagination a{margin-top:0}section#share{margin-top:50px}section#related{margin-top:50px}}.youtube{width:100%;height:54vw}@media (min-width: 992px){.youtube{height:556px}}@media (min-width: 1242px){.youtube{height:694px}}.message{margin-bottom:1rem;padding:1rem;color:var(--message-text-color);background-color:var(--message-background-color)}.highlight{padding:5px}.highlight pre{margin:0;overflow-x:auto;word-wrap:normal}.avatar{border-radius:50%;width:200px}footer{text-align:center;margin-top:1rem;padding-top:1rem;padding-bottom:1rem;border-top:1px solid var(--border-color);background-color:var(--footer-background-color)}footer ul{list-style:none;padding:0px}footer ul li{display:inline-block;background-color:var(--footer-button-background-color);width:48px;height:48px;border-radius:50%;font-size:35px;border:4px solid;margin:5px;box-shadow:0 4px 8px 0 var(--shadow-color)}footer ul li a{color:var(--footer-button-text-color)}footer ul li a i{position:relative}footer ul li a:hover{color:var(--footer-button-hover-text-color);text-decoration:none}footer ul li:hover{background-color:var(--footer-button-hover-background-color);border-color:var(--footer-button-hover-background-color)}#cookie-notice{font-size:1em;padding:2rem 2rem;display:none;text-align:center;position:fixed;bottom:0;width:100vw;background:var(--cookie-consent-background-color);color:var(--cookie-consent-text-color);opacity:0.95}#cookie-notice a{display:block;width:5em;margin:1em auto;padding:.35rem .7rem;font-weight:700;color:var(--cookie-consent-button-text-color);cursor:pointer;text-decoration:none;border:0;background-color:var(--cookie-consent-button-background-color)}