@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,900;1,700;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";:root{--font-family-heading:'Montserrat', sans-serif;--font-family-paragraph:-apple-system, BlinkMacSystemFont;--font-family-monospace:Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--base-color:#ffffff;--base-offset-color:#eaeaea;--highlight-color:#7b16ff;--heading-color:#28262a;--text-color:#262626}body,html{margin:0;padding:0}ol,ul{margin:0;padding:0;list-style:none}ol li,ul li{list-style:none}h1,h2,h3{margin-top:20px;margin-bottom:20px}.header{display:flex;font-family:var(--font-family-heading);align-items:center;margin-bottom:30px;font-size:26px}@media(min-width:767px){.header{padding-bottom:5px;margin-bottom:80px}}.header a.header-logo{color:var(--heading-color);font-weight:700}.header a.header-logo:hover{color:rgba(0,0,0,.7);text-decoration:none}.hamburger-trigger{height:30px;display:flex;align-items:center}@media(min-width:992px){.hamburger-trigger{display:none}}.hamburger{border:none;cursor:pointer;outline:none;position:relative;display:block;width:30px;height:20px;background:0 0;border-top:2px solid;border-bottom:2px solid;font-size:0;transition:all .25s ease-in-out;color:var(--highlight-color)}.hamburger:before,.hamburger:after{content:'';display:block;width:100%;height:2px;position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease-in-out}.hamburger:hover{opacity:.7}.hamburger.is-active{border-color:transparent;z-index:100;color:var(--base-color)}.hamburger.is-active:hover{opacity:1}.hamburger.is-active:before{transform:translate(-50%,-50%)rotate(45deg)}.hamburger.is-active:after{transform:translate(-50%,-50%)rotate(-45deg)}.avatar{border-radius:100%;display:block;max-height:120px}.footer{margin-top:30px}@media(min-width:767px){.footer{padding-top:40px}}.social-icon{margin-right:10px}.social-icon a{text-decoration:none}.social-icon a:hover{text-decoration:none}.social-icon a:hover img{opacity:.7}a{color:var(--highlight-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:20px;margin-bottom:20px;color:var(--heading-color);font-family:var(--font-family-heading)}li,p{font-family:-apple-system,BlinkMacSystemFont,var(--font-family-heading)}p{color:var(--text-color);font-size:18px;font-weight:300;line-height:1.5}ol,ul{margin:0;padding:0;list-style:none}ol li,ul li{list-style:none}.content{font-size:18px}.content p{font-size:18px;line-height:1.5;margin:0;padding:0;margin-bottom:20px}.content h1{font-size:40px;line-height:1.6;font-weight:700;margin-top:30px;margin-bottom:20px}.content h1:first-of-type{margin-top:0}.content h2{font-size:28px;line-height:1.4;font-weight:700;margin:40px 0 20px}@media(min-width:767px){.content h2{font-size:30px;line-height:1.4}}.content h3{font-size:22px;line-height:1.4;font-weight:700;margin-top:30px;margin-bottom:20px}.content ul,.content ol{margin-left:17px;margin-top:10px;margin-bottom:20px}.content ul li,.content ol li{font-size:18px;font-weight:300;line-height:1.5;margin-bottom:5px;margin-left:0;list-style-type:disc;position:relative}.content ul li::marker,.content ol li::marker{color:var(--highlight-color)}.content ol li{list-style-type:decimal}.content a{text-decoration:underline}.content img{margin:30px 0;max-width:100%;height:auto;display:block}.content figure{margin:2.6rem 0 1.18rem}.content figure img{margin:0}.content figure figcaption{margin-top:10px}.content figure figcaption h4{margin:0;font-size:1rem;font-weight:700}.content figure figcaption p{margin:0}.content code,.content pre{font-family:var(--font-family-monospace);margin:0}.content .highlight{margin:40px 0}.content .highlight pre{border-radius:3px;font-size:16px;line-height:1.25;padding:30px;overflow:auto;font-family:var(--font-family-monospace)}.content sup{font-family:monospace;line-height:0}.content sup a{text-decoration:none}.dot{color:var(--highlight-color)}.footnotes{border-top:1px solid #ccc;margin-top:2rem;padding-top:1rem}.footnotes ol{list-style:decimal}.footnotes ol li{list-style:decimal;margin:0 0 0 10px}.footnotes ol li::marker{font-size:1rem;font-family:monospace}.footnotes p{font-family:monospace;font-size:1rem;margin:0}.footnotes hr{display:none}a{word-wrap:break-word}blockquote{background:#f7f7f7;border-left:8px solid var(--highlight-color);margin:30px 0;padding:25px 30px}blockquote p{color:var(--color-base-text);display:inline;font-size:18px}.content blockquote p{font-size:18px;line-height:1.5}@media screen and (min-width:1050px){.img-expander{position:relative;margin-top:3rem}.img-expander img{border-left:14px solid rgba(255,255,255,0);left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;max-height:60vh;object-fit:cover;position:relative;right:50%;width:100vw}}.intro h1{font-size:48px;font-weight:900;line-height:1;margin-top:1rem;margin-bottom:30px;width:90%}@media(min-width:767px){.intro h1{font-size:60px;line-height:1;margin-bottom:1.5rem}}.intro h1 strong{color:var(--highlight-color)}.intro h2{font-size:50px;line-height:56px}@media(min-width:767px){.intro h2{width:80%}}.intro p{font-size:20px;line-height:26px}@media(min-width:767px){.intro p{width:80%;font-size:22px;line-height:32px}}.intro .read-more{font-size:20px;line-height:26px;font-weight:700}@media(min-width:767px){.intro .read-more{font-size:22px;line-height:32px}}.intro img{max-width:100%}.summary{margin-bottom:50px;font-size:18px;line-height:1.5}@media(min-width:767px){.summary{margin-bottom:6rem}}.summary .summary-title{margin:13px 0 1.5rem;font-size:48px;font-weight:900;line-height:1;max-width:90%}.summary .summary-title a{color:var(--heading-color)}@media(min-width:767px){.summary .summary-title{font-size:60px;line-height:1}}.summary .summary-description{width:90%}.summary img{width:100%}@media screen and (min-width:800px){.summary img{width:800px}}.summary-date{font-weight:700;color:var(--highlight-color);font-size:1.25rem}.blog{padding-top:2px}.link .summary-title:after,.tag-video .summary-title:after{content:'';display:inline-block;background-color:var(--highlight-color);background-image:url(../images/icon-link.webp);background-size:50%;background-repeat:no-repeat;background-position:50%;border-radius:100%;font-size:1.5rem;margin:0 0 0 1rem;padding:15px;vertical-align:middle}.author{margin-top:30px;margin-bottom:60px;color:var(--heading-color)}.author img{width:50px;height:50px;border-radius:50%;display:inline-block;vertical-align:middle}.author .author-name{display:inline-block;vertical-align:middle;font-weight:700;margin-left:5px}.author .author-date{display:inline-block;vertical-align:middle}.author-large{font-size:20px}.author-large img{width:50px;height:50px}.author-large .author-name{display:inline-block;vertical-align:middle;font-weight:700;margin-left:10px}.author-large .author-title{display:inline-block;margin-left:1.25rem;vertical-align:middle}ul.pagination{font-family:var(--font-family-heading);margin:3rem 0;padding:0;list-style:none;display:flex;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}ul.pagination li{display:inline-block}ul.pagination li>a,ul.pagination li>span{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0 .75rem;height:2.5rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;min-width:2.5rem;transition:all .2s ease;color:inherit}ul.pagination li>a:hover{background-color:rgba(0,0,0,5%);border-color:rgba(0,0,0,.3)}ul.pagination li.active>a,ul.pagination li.active>span{font-weight:700;background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color)}ul.pagination li.disabled>a,ul.pagination li.disabled>span{opacity:.4;pointer-events:none}.menu-main{display:none;flex:0}@media(min-width:992px){.menu-main{display:block}}.menu-main>ul{display:flex;align-items:center;justify-content:flex-start}.menu-main>ul>li{margin-right:10px}.menu-main>ul>li>a{display:inline-block;text-decoration:none}.menu-main>ul>li>a:hover{text-decoration:underline}.menu-main>ul>li.active>a{display:inline-block;font-weight:700}.menu-main>ul>li:last-of-type{margin-right:0}.menu-main-mobile{position:fixed;background:var(--highlight-color);top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:none;justify-content:center;flex-direction:column}.menu-main-mobile.open{opacity:1;visibility:visible;height:100%;z-index:10;display:flex}.menu-main-mobile.open li{animation:fadeInTop .5s ease forwards;animation-delay:.1s}.menu-main-mobile.open li:nth-of-type(2){animation-delay:.15s}.menu-main-mobile.open li:nth-of-type(3){animation-delay:.2s}.menu-main-mobile.open li:nth-of-type(4){animation-delay:.25s}.menu-main-mobile.open li:nth-of-type(5){animation-delay:.3s}.menu-main-mobile.open li:nth-of-type(6){animation-delay:.35s}.menu-main-mobile ul{font-size:2rem;font-family:var(--font-family-heading);text-align:center;list-style:none;margin:0;flex:0}.menu-main-mobile ul li{display:block;position:relative;opacity:0}.menu-main-mobile ul li a{display:block;position:relative;color:var(--base-color);text-decoration:none}.menu-main-mobile ul li a:hover{opacity:.7}.menu-main-mobile ul li ul.sub-menu{font-size:1.2rem}.hamburger-trigger{height:30px;display:flex;align-items:center}@media(min-width:992px){.hamburger-trigger{display:none}}.hamburger{border:none;cursor:pointer;outline:none;position:relative;display:block;width:30px;height:20px;background:0 0;border-top:2px solid;border-bottom:2px solid;font-size:0;transition:all .25s ease-in-out;color:var(--highlight-color)}.hamburger:before,.hamburger:after{content:'';display:block;width:100%;height:2px;position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease-in-out}.hamburger:hover{opacity:.7}.hamburger.is-active{border-color:transparent;z-index:100;color:var(--base-color)}.hamburger.is-active:hover{opacity:1}.hamburger.is-active:before{transform:translate(-50%,-50%)rotate(45deg)}.hamburger.is-active:after{transform:translate(-50%,-50%)rotate(-45deg)}@keyframes fadeInTop{0%{opacity:0;top:20%}100%{opacity:1;top:0}}*{box-sizing:border-box}body{background:var(--base-color);font-family:var(--font-family-paragraph);color:var(--text-color);margin:0;padding:60px 20px 20px;overflow-x:hidden}@media(min-width:767px){body{padding:60px 50px 50px}}body.frame{min-height:100vh;border-left:14px solid var(--highlight-color)}body:after{content:'Tech, Design, Code, Marketing';display:none;font-size:2rem;color:red;position:absolute;top:0;left:0;text-orientation:sideways}.wrapper{max-width:600px;margin:0 auto}.warn{background-color:#fafad2;color:#000;position:absolute;top:0;left:0;z-index:1;font-weight:500;font-size:.875rem;line-height:1.5;max-width:100vw;width:100%;padding:1.25rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}.photo-album{margin-top:3rem}.photo-album>p{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.photo-album img{margin:0}