:root{--so-base03: #002b36;--so-base02: #073642;--so-base01: #586e75;--so-base00: #657b83;--so-base0: #839496;--so-base1: #93a1a1;--so-base2: #eee8d5;--so-base3: #fdf6e3;--so-yellow: #b58900;--so-orange: #cb4b16;--so-red: #dc322f;--so-magenta: #d33682;--so-violet: #6c71c4;--so-blue: #268bd2;--so-cyan: #2aa198;--so-green: #859900;--oc-white: #fff;--oc-black: #000;--oc-gray-0: #f8f9fa;--oc-gray-1: #f1f3f5;--oc-gray-2: #e9ecef;--oc-gray-3: #dee2e6;--oc-gray-4: #ced4da;--oc-gray-5: #adb5bd;--oc-gray-6: #868e96;--oc-gray-7: #495057;--oc-gray-8: #343a40;--oc-gray-9: #212529;--oc-red-0: #fff5f5;--oc-red-1: #ffe3e3;--oc-red-2: #ffc9c9;--oc-red-3: #ffa8a8;--oc-red-4: #ff8787;--oc-red-5: #ff6b6b;--oc-red-6: #fa5252;--oc-red-7: #f03e3e;--oc-red-8: #e03131;--oc-red-9: #c92a2a;--oc-pink-0: #fff0f6;--oc-pink-1: #ffdeeb;--oc-pink-2: #fcc2d7;--oc-pink-3: #faa2c1;--oc-pink-4: #f783ac;--oc-pink-5: #f06595;--oc-pink-6: #e64980;--oc-pink-7: #d6336c;--oc-pink-8: #c2255c;--oc-pink-9: #a61e4d;--oc-grape-0: #f8f0fc;--oc-grape-1: #f3d9fa;--oc-grape-2: #eebefa;--oc-grape-3: #e599f7;--oc-grape-4: #da77f2;--oc-grape-5: #cc5de8;--oc-grape-6: #be4bdb;--oc-grape-7: #ae3ec9;--oc-grape-8: #9c36b5;--oc-grape-9: #862e9c;--oc-violet-0: #f3f0ff;--oc-violet-1: #e5dbff;--oc-violet-2: #d0bfff;--oc-violet-3: #b197fc;--oc-violet-4: #9775fa;--oc-violet-5: #845ef7;--oc-violet-6: #7950f2;--oc-violet-7: #7048e8;--oc-violet-8: #6741d9;--oc-violet-9: #5f3dc4;--oc-indigo-0: #edf2ff;--oc-indigo-1: #dbe4ff;--oc-indigo-2: #bac8ff;--oc-indigo-3: #91a7ff;--oc-indigo-4: #748ffc;--oc-indigo-5: #5c7cfa;--oc-indigo-6: #4c6ef5;--oc-indigo-7: #4263eb;--oc-indigo-8: #3b5bdb;--oc-indigo-9: #364fc7;--oc-blue-0: #e8f7ff;--oc-blue-1: #ccedff;--oc-blue-2: #a3daff;--oc-blue-3: #72c3fc;--oc-blue-4: #4dadf7;--oc-blue-5: #329af0;--oc-blue-6: #228ae6;--oc-blue-7: #1c7cd6;--oc-blue-8: #1b6ec2;--oc-blue-9: #1862ab;--oc-cyan-0: #e3fafc;--oc-cyan-1: #c5f6fa;--oc-cyan-2: #99e9f2;--oc-cyan-3: #66d9e8;--oc-cyan-4: #3bc9db;--oc-cyan-5: #22b8cf;--oc-cyan-6: #15aabf;--oc-cyan-7: #1098ad;--oc-cyan-8: #0c8599;--oc-cyan-9: #0b7285;--oc-teal-0: #e6fcf5;--oc-teal-1: #c3fae8;--oc-teal-2: #96f2d7;--oc-teal-3: #63e6be;--oc-teal-4: #38d9a9;--oc-teal-5: #20c997;--oc-teal-6: #12b886;--oc-teal-7: #0ca678;--oc-teal-8: #099268;--oc-teal-9: #087f5b;--oc-green-0: #ebfbee;--oc-green-1: #d3f9d8;--oc-green-2: #b2f2bb;--oc-green-3: #8ce99a;--oc-green-4: #69db7c;--oc-green-5: #51cf66;--oc-green-6: #40c057;--oc-green-7: #37b24d;--oc-green-8: #2f9e44;--oc-green-9: #2b8a3e;--oc-lime-0: #f4fce3;--oc-lime-1: #e9fac8;--oc-lime-2: #d8f5a2;--oc-lime-3: #c0eb75;--oc-lime-4: #a9e34b;--oc-lime-5: #94d82d;--oc-lime-6: #82c91e;--oc-lime-7: #74b816;--oc-lime-8: #66a80f;--oc-lime-9: #5c940d;--oc-yellow-0: #fff9db;--oc-yellow-1: #fff3bf;--oc-yellow-2: #ffec99;--oc-yellow-3: #ffe066;--oc-yellow-4: #ffd43b;--oc-yellow-5: #fcc419;--oc-yellow-6: #fab005;--oc-yellow-7: #f59f00;--oc-yellow-8: #f08c00;--oc-yellow-9: #e67700;--oc-orange-0: #fff4e6;--oc-orange-1: #ffe8cc;--oc-orange-2: #ffd8a8;--oc-orange-3: #ffc078;--oc-orange-4: #ffa94d;--oc-orange-5: #ff922b;--oc-orange-6: #fd7e14;--oc-orange-7: #f76707;--oc-orange-8: #e8590c;--oc-orange-9: #d9480f}body *{transition:background-color 400ms ease, color 400ms ease}body{font:"Nunito","Source Sans Pro",Apple SD Gothic Neo,Nanum Barun Gothic,Nanum Gothic,Verdana,Arial,Dotum,sans-serif;font-size:18px;font-weight:400;color:var(--text-color);background-color:var(--background-color);transition:background-color 400ms ease, color 400ms ease;-webkit-font-smoothing:antialiased}@media (max-width: 38rem){body{font-size:16px;font-weight:300}}a{color:var(--link-color);text-decoration:none}a:hover,a:focus{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:"Nunito Sans",sans-serif}h1{padding-top:0.3em;padding-bottom:0.3em;font-size:2.5em;line-height:1.2em;border-bottom:1px solid #eee}h2{padding-top:0.3em;padding-bottom:0.3em;font-size:2em;line-height:1.225em;border-bottom:1px solid #eee}h3{font-size:1.75em;line-height:1.43em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em;color:var(--oc-gray-6)}p{color:var(--text-color);margin:0 0 1rem;line-height:1.7em}ol,ul,dl{margin:0 0 1em;padding:0;list-style:none;list-style-image:none}ol>li:before,ul>li:before{position:absolute;width:1.7em;margin-left:-1.7em;display:inline-block;box-sizing:border-box;text-align:right}ul>li:before{content:"\2022";padding-right:.65em;font-family:inherit;font-size:1.2em;line-height:1.2}ol{counter-reset:section}ol>li:before{counter-increment:section;content:counter(section) ".";padding-right:.65em;font-family:inherit;font-size:1em;line-height:inherit}ol>li,ul>li{margin:0 auto .8em 1.7em;line-height:1.55}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin-top:.8em}li>ol>li,li>ul>li{font-size:.95em;margin:0 auto .76em 1.615em}dt{float:left;width:180px;overflow:auto;clear:left;text-align:right;white-space:nowrap;font-weight:bold;margin-bottom:.8em}@media (max-width: 38rem){dt{width:120px}}dd{margin-left:200px;margin-bottom:.8em}@media (max-width: 38rem){dd{margin-left:140px}}hr{border:0;border-top:1px solid var(--divider-color);margin:1.5rem auto}strong{color:--var(--base-lighten-color);font-weight:600}abbr{font-size:85%;font-weight:bold;color:#555;text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted #e5e5e5}blockquote{padding:0 0 0 1.4rem;margin:0 2rem 1rem 0;color:var(--oc-gray-6);border-left:0.3rem solid var(--oc-gray-3)}blockquote p:last-child{margin-bottom:0}a.footnote,.post p a.footnote,.post ol a.footnote,.post ul a.footnote{margin:0 3px;padding:2px 6px 2px;font-size:14px;text-align:center;-webkit-text-stroke:0.25px;border:1px solid var(--divider-color);border-radius:2px;-webkit-transition:0.2s ease-out all;text-decoration:none}a.footnote:hover,.post p a.footnote:hover,.post ol a.footnote:hover,.post ul a.footnote:hover{background:var(--background-over-color)}.footnotes{margin:4rem 0;padding:2rem 1em;border-top:1px solid var(--divider-color);font-size:14px}code,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}code{padding:.25em .5em;font-size:85%;color:var(--code-color);background-color:var(--code-background-color);border-radius:3px}pre{display:block;margin-top:0;margin-bottom:1rem;padding:.5rem;font-size:.8rem;line-height:1.4;white-space:pre;overflow:auto;background-color:var(--code-background-color)}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent}.highlight{margin-bottom:1rem;border-radius:4px}.highlight pre{margin-bottom:0}.gist .gist-file{font-family:Menlo,"Ubuntu Mono",Monaco,"Spoqa Han Sans",monospace}.gist .markdown-body{padding:15px}.gist pre{padding:0;background-color:transparent}.gist .gist-file .gist-data{font-size:.8rem !important;line-height:1.4}.gist code{padding:0;color:inherit;background-color:transparent;border-radius:0}img{display:block;max-width:100%;margin:0 0 1rem;border-radius:5px}table{margin-bottom:1rem;width:100%;border:1px solid var(--table-border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border:1px solid var(--table-border-color)}tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background-color:var(--table-background-color)}.center{text-align:center}.center-image{margin:0 auto;display:block}.right{text-align:right}.highlight{background:var(--code-background-color)}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .gd .x{color:#000000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .gi .x{color:#000000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:"Nunito","Source Sans Pro",Apple SD Gothic Neo,Nanum Barun Gothic,Nanum Gothic,Verdana,Arial,Dotum,sans-serif;font-size:18px;line-height:1.6}html,body{margin:0;padding:0}.content-container{max-width:48rem;padding:5rem 1rem;margin-left:auto;margin-right:auto}@media (max-width: 48rem){.content-container{padding:2rem 1.3rem}}.header{font-family:"Nunito",sans-serif;padding:2%;margin-bottom:1.5em;text-transform:lowercase}.header-title{margin:0.3em 0;font-size:2.25em;line-height:1.2em;font-weight:600}.header-title a{color:var(--base-color)}.header-title a:hover,.header-title a:focus{text-decoration:none}.header-title span{color:var(--oc-gray-5)}.header-nav a{color:var(--oc-gray-7);text-transform:lowercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;margin-right:.3rem}.header-nav a:hover,.header-nav a:focus{color:var(--oc-gray-7);text-decoration:none}.header-small{font-family:"Nunito",sans-serif;text-align:left;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;text-transform:lowercase}.header-small a{color:var(--table-border-color)}.header-small a:hover,.header-small a:focus{text-decoration:none}.page-title{margin-top:0;margin-bottom:2rem;font-size:2.25em;line-height:1.2em;font-weight:600;font-family:"Nunito",sans-serif}.post-title{margin-top:0rem;margin-bottom:0.3rem;font-size:2.55em;line-height:1.2em;font-weight:700;font-family:"Nunito Sans",sans-serif;text-transform:lowercase}.post-date{margin-bottom:.5rem;color:var(--link-color);font-size:.75rem;text-transform:lowercase}.post-tag{margin-bottom:1.5rem}.post-tag ul li:before{content:""}.post-tag ul li{margin:0;font-size:.75rem;font-weight:300;display:inline;list-style-type:none;text-transform:lowercase}.post-tag ul li a{display:inline-block;margin:4px;margin-left:0px;color:var(--oc-white);background-color:var(--oc-gray-6);text-decoration:none;border-radius:3px}.post-tag ul li a span{float:left;padding:.5px 5px}.post-tag ul li a:hover{background-color:var(--oc-gray-7)}.post-tag ul li a:visited{background-color:var(--oc-gray-5)}.post-tag ul li a:visited:hover{background-color:var(--oc-gray-7)}.post-disqus{margin-top:4rem}.list-post{padding:4% 2%}.list-post:hover{background-color:var(--background-over-color);border-color:transparent;border-radius:10px}.list-post a{color:var(--base-color)}.list-post a:hover,.list-post a:focus{text-decoration:none}.list-post-title{font-family:"Nunito",sans-serif;margin-bottom:.3rem;font-size:1.8rem;font-weight:600;text-transform:lowercase}.list-post-date{color:var(--base-lighten-color);font-size:.8rem;text-transform:lowercase}.list-post-desc{color:var(--base-color);margin-bottom:.25rem;font-size:1rem}.list-pagination{margin-top:4rem;padding-top:2rem;padding-bottom:2rem}.list-pagination-previous{float:left;padding-left:2%}.list-pagination-previous a{color:var(--oc-gray-6)}.list-pagination-previous a:hover,.list-pagination-previous a:focus{color:var(--oc-gray-7);text-decoration:none}.list-pagination-next{float:right;padding-right:2%}.list-pagination-next a{color:var(--oc-gray-6)}.list-pagination-next a:hover{color:var(--oc-gray-7);text-decoration:none}.tag-index ul li:before{content:""}.tag-index ul li{margin:0;font-size:0.8rem;display:inline;list-style-type:none;text-transform:lowercase}.tag-index ul li a{display:inline-block;margin:4px;margin-left:0px;color:var(--oc-white);background-color:var(--oc-gray-6);text-decoration:none;border-radius:3px}.tag-index ul li a span{float:left;padding:.5px 5px}.tag-index ul li a .count{background-color:var(--oc-gray-7);border-radius:0 3px 3px 0}.tag-index ul li a:hover{background-color:var(--oc-gray-7)}.tag-title{font-size:1.4rem;font-weight:600;text-transform:lowercase;padding:1rem 0}.tag-post a{color:var(--base-color)}.tag-post a:hover,.tag-post a:focus{text-decoration:none}.tag-post:hover{color:var(--base-color);text-decoration:none;background-color:var(--background-over-color);border-color:transparent}.archive-list-post{padding:0.1rem}.archive-list-post:hover{background-color:var(--background-over-color);border-color:transparent}.archive-list-post a{color:var(--base-color)}.archive-list-post a:hover,.archive-list-post a:focus{text-decoration:none}.archive-list-post-title{font-size:1.2rem;font-weight:400}.archive-list-post-date{color:var(--base-lighten-color);font-size:.75rem;text-transform:uppercase}.note{margin-left:40px;margin-bottom:0;border-left:var(--oc-violet-6) solid;padding-left:20px}.footer{text-align:center;font-size:.75rem}.footer-link{margin:.2rem}.footer-link a{color:var(--base-color);margin:4px}.icon svg path{fill:var(--base-color)}*,*::before,*::after{box-sizing:border-box}.toggle{display:block;margin-top:40px;user-select:none}.toggle--checkbox{display:none}.toggle--btn{display:block;margin:0 auto;font-size:1.4em;transition:all 350ms ease-in}.toggle--btn:hover{cursor:pointer}.toggle--btn,.toggle--btn:before,.toggle--btn:after,.toggle--checkbox,.toggle--checkbox:before,.toggle--checkbox:after,.toggle--feature,.toggle--feature:before,.toggle--feature:after{transition:all 250ms ease-in}.toggle--btn:before,.toggle--btn:after,.toggle--checkbox:before,.toggle--checkbox:after,.toggle--feature:before,.toggle--feature:after{content:'';display:block}.toggle--daynight .toggle--btn,.toggle--like .toggle--btn{position:relative;height:70px;width:125px;border-radius:70px}.toggle--daynight .toggle--btn:before,.toggle--like .toggle--btn:before{position:absolute;top:2px;left:4px;width:56px;height:56px;border-radius:50%}.toggle--daynight .toggle--btn{border:5px solid #1c1c1c;background-color:#3c4145}.toggle--daynight .toggle--btn:before{background-color:#fff;border:5px solid #e3e3c7}.toggle--daynight .toggle--btn:after{position:absolute;top:62%;left:39px;z-index:10;width:11.2px;height:11.2px;opacity:0;background-color:#fff;border-radius:50%;box-shadow:#fff 0 0,#fff 3px 0,#fff 6px 0,#fff 9px 0,#fff 11px 0,#fff 14px 0,#fff 16px 0,#fff 21px -1px 0 1px,#fff 16px -7px 0 -2px,#fff 7px -7px 0 1px,#d3d3d3 0 0 0 4px,#d3d3d3 6px 0 0 4px,#d3d3d3 11px 0 0 4px,#d3d3d3 16px 0 0 4px,#d3d3d3 21px -1px 0 5px,#d3d3d3 16px -7px 0 1px,#d3d3d3 7px -7px 0 5px;transition:opacity 100ms ease-in}@keyframes starry_star{50%{background-color:rgba(255,255,255,0.1);box-shadow:#fff 30px -3px 0 0,#fff 12px 10px 0 -1px,rgba(255,255,255,0.1) 38px 18px 0 1px,#fff 32px 34px 0 0,rgba(255,255,255,0.1) 20px 24px 0 -1.5px,#fff 5px 38px 0 1px}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:100;transform:scale(1.1)}55%{transform:scale(1.1)}75%{transform:scale(0.9)}100%{opacity:100;transform:scale(1)}}.toggle--daynight .toggle--feature{display:block;position:absolute;top:9px;left:52.5%;z-index:20;width:4px;height:4px;border-radius:50%;background-color:#fff;box-shadow:rgba(255,255,255,0.1) 30px -3px 0 0,rgba(255,255,255,0.1) 12px 10px 0 -1px,#fff 38px 18px 0 1px,rgba(255,255,255,0.1) 32px 34px 0 0,#fff 20px 24px 0 -1.5px,rgba(255,255,255,0.1) 5px 38px 0 1px;animation:starry_star 5s ease-in-out infinite}.toggle--daynight .toggle--feature:before{position:absolute;top:-2px;left:-25px;width:18px;height:18px;background-color:#fff;border-radius:50%;border:5px solid #e3e3c7;box-shadow:#e3e3c7 -28px 0 0 -3px,#e3e3c7 -8px 24px 0 -2px;transform-origin:-6px 130%}.toggle--daynight .toggle--checkbox:checked+.toggle--btn{background-color:#9ee3fb;border:5px solid #86c3d7}.toggle--daynight .toggle--checkbox:checked+.toggle--btn:before{left:55px;background-color:#ffdf6d;border:5px solid #e1c348}.toggle--daynight .toggle--checkbox:checked+.toggle--btn:after{opacity:100;animation-name:bounceIn;animation-duration:0.60s;animation-delay:0.10s;animation-fill-mode:backwards;animation-timing-function:ease-in-out}.toggle--daynight .toggle--checkbox:checked+.toggle--btn>.toggle--feature{opacity:0;box-shadow:rgba(255,255,255,0.1) 30px -3px 0 -4px,rgba(255,255,255,0.1) 12px 10px 0 -5px,#fff 38px 18px 0 -3px,rgba(255,255,255,0.1) 32px 34px 0 -4px,#fff 20px 24px 0 -5.5px,rgba(255,255,255,0.1) 5px 38px 0 -3px;animation:none}.toggle--daynight .toggle--checkbox:checked+.toggle--btn>.toggle--feature:before{left:25px;transform:rotate(70deg)}