:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;color:inherit;cursor:pointer}button{background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}figure{margin:0}input::-moz-focus-inner{border:0;padding:0;margin:0}ul,ol,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}cite{font-style:normal}fieldset{border-width:0;padding:0;margin:0}html{font-size:1px}body{background:var(--color-background);color:var(--color-text);font-family:Roboto,sans-serif;font-size:16rem;font-weight:400;line-height:1.3;margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{border:1px solid var(--color-border);display:flex;flex-direction:row-reverse;font-weight:400;margin:0 auto;max-width:1200px;padding:2em;width:100%}header{max-width:300px}main{width:100%;margin-right:1em}article p,article li{font-size:1.2em;line-height:1.5em;margin-bottom:1em}h2{font-size:2.5em;margin-bottom:.4em}h3{font-size:2em;border-bottom:2px solid var(--color-border);margin-bottom:.4em;margin-top:.4em}a{text-decoration:underline;transition:.2s}ul{margin-top:1em;margin-bottom:1em}ul li{list-style:disc;margin-left:1.5em}img{width:100%}header{width:100%;text-align:right}header .branding{align-items:center;display:flex;justify-content:flex-end}header .branding .logo{height:150px;width:150px}header .branding a{text-decoration:none}header .branding img{width:inherit}header .branding h1{font-family:Nanum Pen Script,cursive;font-size:5em;line-height:.6em;margin-bottom:0;margin-left:.1em}header nav a{font-size:1.5em;margin-right:1em;text-decoration:none}header nav a:last-child{margin-right:0}@media (max-width: 800px){header{font-size:.75em;width:35%}header .branding{flex-direction:column;text-align:center}header .branding .logo{height:75px;width:75px}header nav{text-align:center}}