@import url("https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Mono:400,700");html,body,h1,h2,h3,h4,h5,h6,dl,ol,ul,li,dt,dd,p,figure,blockquote{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code{font-size:1rem;font-weight:normal}li{list-style-type:none}a{text-decoration:none}a img{border-width:0}*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}html{color:#303136;font-family:Roboto,sans-serif;font-size:1.0em;position:relative}a{color:#303136}.common-box{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.common-box_imageLayout{background-color:#292c3d;box-shadow:0 3px 0 rgba(0,0,0,0.05);height:0;padding-bottom:100%;position:relative}.common-box_emptyImage,.common-box_image,.common-box_canvasContainer,.common-box_case{image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;background-position:left top;background-repeat:no-repeat;background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0}.common-box_emptyImage{background-image:url(/assets/img/works/list/preview/empty.png)}.common-box_canvasContainer canvas{display:block;position:absolute}.common-box_case{background-image:url(/assets/img/works/list/preview/case.png)}.common-box_plateLayout{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;margin-top:16px}.common-boxPlate{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:0 2px;position:relative}.common-boxPlate:hover{color:rgba(48,49,54,0.8)}.common-boxPlate_header{-webkit-box-flex:1;flex:1}.common-boxPlate_titleLayout{text-align:center}.common-boxPlate_title{font-weight:bold;line-height:1.2}.common-boxPlate_year{font-size:0.8rem;font-weight:normal;display:none;margin-top:8px;opacity:0.5;white-space:nowrap}.common-boxPlate_summary{-webkit-box-flex:1;flex:1;font-size:0.9rem;line-height:1.5;margin-top:32px}@media screen and (max-width: 799px){.common-boxPlate_summary{margin-top:16px}}.common-boxPlate_footer{margin-top:16px}.common-boxPlate_tags{line-height:1}.common-boxPlate_tags+.common-boxPlate_tags{margin-top:8px}.common-boxPlate_tag{display:inline-block;font-size:0.9rem;opacity:0.5}.common-boxPlate_tag:before{content:'/';margin:0 0.1em}.common-boxPlate_tag:first-child:before{content:none}.common-globalFooter{margin-top:64px}@media screen and (max-width: 799px){.common-globalFooter{margin-top:32px}}.common-globalFooter_copyright{font-size:0.8rem;padding-bottom:16px;text-align:center}html.index .common-globalFooter,html.notFound .common-globalFooter{color:rgba(0,0,0,0.5);bottom:0;left:0;pointer-events:none;position:absolute;right:0}html.sketches.sketches-single .common-globalFooter{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.common-globalHeader{background-color:white;position:relative;z-index:1}.common-globalHeader_innerLayout{height:64px;margin:0 32px;position:relative}.common-globalHeader_logoLayout{bottom:0;height:30px;left:0;margin:auto;position:absolute;top:0;width:30px}.common-globalHeader_logo{color:transparent;text-indent:-9999px;background:url(/assets/img/common/logo-global-header.svg) no-repeat center;background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.common-globalHeader_logo:hover{opacity:0.5}.common-globalHeader_titleLayout{color:#242528;bottom:0;font-weight:bold;height:64px;left:64px;letter-spacing:0.04em;line-height:64px;position:absolute;right:0;top:0}@media screen and (max-width: 799px){.common-globalHeader_titleLayout{display:none}}.common-globalHeader_title:hover{text-decoration:underline}.common-globalHeader_menuLayout{position:absolute;right:0}.common-globalHeaderMenu_searchContainer{position:relative;top:16px;width:200px}@media screen and (max-width: 799px){.common-globalHeaderMenu_searchContainer{display:none}}.common-globalHeaderMenuItem{display:inline-block;height:64px;line-height:64px;vertical-align:top}.common-globalHeaderMenuItem+.common-globalHeaderMenuItem{margin-left:32px}@media screen and (max-width: 799px){.common-globalHeaderMenuItem+.common-globalHeaderMenuItem{margin-left:16px}}.common-globalHeaderMenuItem a{display:block}.common-globalHeaderMenuItem:hover{text-decoration:underline}.figure{margin:1.5em auto;text-align:center}.figure.figure-margin{background-color:#f1f1f4;padding:32px}.figure.figure-multiple{display:-webkit-box;display:flex;justify-content:space-around}.figure_imageLayout{-webkit-box-flex:1;flex:1}.figure_imageLayout+.figure_imageLayout{margin-left:16px}.figure_anchor{display:block;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.figure_anchor:hover{opacity:0.8}.figure_image{display:block;margin-left:auto;margin-right:auto;max-height:600px;max-width:100%}.figure.figure-margin .figure_image{background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.figure_title{color:#666f99;font-size:0.9rem;font-weight:bold;margin-top:16px}.highlight{margin:1.5em auto}.highlight pre,.highlight code{font-family:"Roboto Mono","Source Code Pro",Courier,monospace;font-size:0.9rem}.highlight .chroma{background-color:#161821;color:#c6c8d1;overflow:scroll;max-height:480px;padding:32px}.highlight .k,.highlight .kd,.highlight .kt,.highlight .nt,.highlight .p{color:#84a0c6}.highlight .s,.highlight .s1,.highlight .s2{color:#89b8c2}.highlight .mi,.highlight .na{color:#a093c7}.highlight .c1,.highlight .cm,.highlight .err{color:#6b7089}.capturedPage{background-color:#f1f1f4;margin:1.5em auto;padding:32px 0;position:relative;text-align:center}.capturedPage_background{background-size:contain;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0}.capturedPage_anchor{color:#666f99;display:inline-block;position:relative;text-decoration:none;width:50%}.capturedPage_anchor:hover{text-decoration:underline}.capturedPage_title{font-size:0.9rem;font-weight:bold;margin-bottom:16px}.capturedPage_image{background-color:#ccc;background-position:top;background-repeat:no-repeat;background-size:cover;box-shadow:0 2px 8px rgba(0,0,0,0.1);height:0;padding-bottom:56.25%;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.capturedPage_anchor:hover .capturedPage_image{opacity:0.8}.twitter{background-color:#f1f1f4;text-align:center;margin:1.5em auto;padding:32px}.twitter_tweet{display:inline-block;max-width:100%}.instagram{background-color:#f1f1f4;text-align:center;margin:1rem auto;padding:32px}.amazon{background-color:#f1f1f4;margin:1rem auto;padding:32px}.amazon_anchor{color:#666f99;text-align:center;text-decoration:none}.amazon_anchor:hover{text-decoration:underline}.amazon_textLayout{font-size:0.9rem;font-weight:bold;margin-bottom:16px}.amazon_image{box-shadow:0 2px 8px rgba(0,0,0,0.1);max-height:200px;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.amazon_anchor:hover .amazon_image{opacity:0.8}.youtube{margin-bottom:1.5em;margin-top:1.5em}.vimeo{margin-bottom:1.5em;margin-top:1.5em}.vimeo iframe{border-width:0}.slideshare{margin-bottom:1.5em;margin-top:1.5em}.speakerdeck{margin:1.5em auto;margin-bottom:1.5em;margin-top:1.5em}.quote{margin-bottom:1.5em;margin-top:1.5em}.quote blockquote.quote_quote{margin-bottom:0;margin-top:0}.quote_ref{color:#666f99;font-size:0.9rem;margin-top:0.5em;text-align:right}.cp_embed_wrapper{margin-bottom:1.5em;margin-top:1.5em}.common-pageHeader{background-color:#292c3d;color:rgba(255,255,255,0.95);position:relative}.common-pageHeader.common-pageHeader-about,.common-pageHeader.common-pageHeader-blog,.common-pageHeader.common-pageHeader-works{background-color:white;color:#242528;text-align:center}.common-pageHeader.common-pageHeader-box{background-color:#f1f1f4;color:#242528;text-align:center}.common-pageHeader_background{background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0}.common-pageHeader_background.common-pageHeader_background-logo{background-image:url(/assets/img/common/logo.svg);background-position:top 64px right 64px;background-size:40%}@media screen and (max-width: 799px){.common-pageHeader_background.common-pageHeader_background-logo{background-position:top 32px right 32px}}.common-pageHeader.common-pageHeader-zeroPde .common-pageHeader_background{background-image:url(/data/zero-pde/cover.jpg);opacity:1}.common-pageHeader_innerLayout{padding-bottom:128px;padding-top:128px;position:relative}@media screen and (min-width: 800px){.common-pageHeader_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.common-pageHeader_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.common-pageHeader_innerLayout{padding-bottom:64px;padding-top:64px}}.common-pageHeader.common-pageHeader-box .common-pageHeader_innerLayout{padding-bottom:64px;padding-top:64px}@media screen and (max-width: 799px){.common-pageHeader.common-pageHeader-box .common-pageHeader_innerLayout{padding-bottom:32px;padding-top:32px}}.common-pageHeader.common-pageHeader-zeroPde{box-sizing:border-box;height:480px}@media screen and (max-width: 799px){.common-pageHeader.common-pageHeader-zeroPde{height:320px}}.common-pageHeader_boxLayout{background-color:gray;height:240px;margin-bottom:16px;margin-left:auto;margin-right:auto;width:240px}.common-pageHeader_title{font-size:1.5rem;font-weight:bold}.common-pageHeader.common-pageHeader-box .common-pageHeader_title{font-size:1rem;margin-left:auto;margin-right:auto;max-width:240px}.common-pageHeader_subtitle{font-size:0.9rem;line-height:1.7;margin-top:16px}.common-pager_innerLayout{font-size:0;height:32px;position:relative;text-align:center}@media screen and (min-width: 800px){.common-pager_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.common-pager_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.common-pager_itemsLayout{display:none}}.common-pager_navButtonLayout{font-size:1rem;height:32px;line-height:32px;margin:auto;position:absolute;text-align:center;top:0}.common-pager_navButtonLayout.common-pager_navButtonLayout-prev{left:0}.common-pager_navButtonLayout.common-pager_navButtonLayout-next{right:0}.common-pager_stats{font-size:0.8rem;height:32px;left:0;line-height:32px;opacity:0.5;right:0;text-align:center;top:0}@media screen and (min-width: 800px){.common-pager_stats{display:none}}@media screen and (max-width: 799px){.common-pager_stats{position:absolute}}.common-pagerItem{display:inline-block;font-size:1rem}.common-pagerItem+.common-pagerItem{margin-left:16px}.common-pagerItem_anchor{background-color:#f1f1f4;border-radius:2px;display:block;height:32px;line-height:32px;text-align:center;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;width:32px}.common-pagerItem a.common-pagerItem_anchor:hover{background-color:#e2e3e9}.common-pagerItem.common-pagerItem-current .common-pagerItem_anchor{background-color:#c2c5d6;font-weight:bold}.common-pagerNavButton{border-radius:2px;display:block;height:32px;line-height:32px;text-align:center;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;white-space:nowrap}.common-pagerNavButton:hover{text-decoration:underline}.common-pagerNavButton.common-pagerNavButton-prev .common-pagerNavButton_icon{margin-right:8px}.common-pagerNavButton.common-pagerNavButton-next .common-pagerNavButton_icon{margin-left:8px}.common-search{height:32px;position:relative}.common-search_icon{color:rgba(48,49,54,0.3);height:32px;left:0;padding:0 8px;position:absolute;text-align:center}.common-search_input{background-color:transparent;border-color:rgba(48,49,54,0.3);border-style:solid;border-width:0 0 2px 0;box-sizing:border-box;display:block;font-size:1rem;left:0;line-height:32px;padding:0 8px 0 32px;position:absolute;top:0;width:100%}.common-search_input:focus{background-color:#f1f1f4;outline:none}.common-search_resultsLayout{background-color:white;border:#f1f1f4 solid 1px;box-shadow:0 2px 8px rgba(0,0,0,0.1);line-height:normal;left:0;min-width:150%;position:absolute;top:34px;visibility:hidden}.common-search.common-search-focused .common-search_resultsLayout{visibility:visible}.common-searchResult{cursor:pointer;display:block;padding:8px 16px}.common-searchResult.common-searchResult-empty{color:rgba(48,49,54,0.5)}.common-searchResult:hover{background-color:#f1f1f4}.common-searchResult+.common-searchResult{border-top:#f1f1f4 solid 1px}.common-searchResult_title{font-weight:bold;white-space:nowrap}.common-searchResult_matched{font-size:0.8rem;margin-top:2px;opacity:0.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.common-youtube{background-color:#f1f1f4;height:0;padding-bottom:56.25%;position:relative;width:100%}.common-youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}.about-page_innerLayout{margin-bottom:64px;margin-top:64px}@media screen and (min-width: 800px){.about-page_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.about-page_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.about-page_innerLayout{margin-bottom:32px;margin-top:32px}}.about-page_title{font-size:1.5rem;font-weight:bold;margin-bottom:8px}.about-page_content h1,.about-page_content h2,.about-page_content h3,.about-page_content h4,.about-page_content h5,.about-page_content h6{color:#242528;font-weight:bold;margin-bottom:0.5rem;margin-top:4rem}@media screen and (max-width: 799px){.about-page_content h1,.about-page_content h2,.about-page_content h3,.about-page_content h4,.about-page_content h5,.about-page_content h6{margin-top:3rem}}.about-page_content h1{font-size:1.5rem}.about-page_content h2{font-size:1.2rem}.about-page_content p{line-height:1.75}.about-page_content p+p{margin-top:1rem}.about-page_content p a,.about-page_content li a,.about-page_content dd a{color:#0586c7;text-decoration:underline;-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out;margin-left:0.1em;margin-right:0.1em;word-break:break-all}.about-page_content p a:hover,.about-page_content li a:hover,.about-page_content dd a:hover{color:#0af}.about-page_content>dl,.about-page_content>ol,.about-page_content>ul{margin-bottom:1.5em;margin-top:1.5em}.about-page_content>ol,.about-page_content>ul{padding-left:2em}.about-page_content>ol li{list-style-type:decimal}.about-page_content>ul li{list-style-type:disc}.about-page_content>ul li>ul{margin-top:0.5em;padding-left:1.5em}.about-page_content>ul li>ul li{list-style-type:circle}.about-page_content>ol li+li,.about-page_content>ul li+li{margin-top:0.5em}.about-page_content h1>code,.about-page_content h1>a>code,.about-page_content h2>code,.about-page_content h2>a>code,.about-page_content h3>code,.about-page_content h3>a>code,.about-page_content h4>code,.about-page_content h4>a>code,.about-page_content h5>code,.about-page_content h5>a>code,.about-page_content h6>code,.about-page_content h6>a>code,.about-page_content p>code,.about-page_content p>a>code,.about-page_content li>code,.about-page_content li>a>code,.about-page_content strong>code,.about-page_content strong>a>code,.about-page_content td>code,.about-page_content td>a>code{color:#666f99;font-family:"Roboto Mono","Source Code Pro",Courier,monospace;padding:2px}.about-page_content h1>code,.about-page_content h2>code,.about-page_content h3>code,.about-page_content h4>code,.about-page_content h5>code,.about-page_content h6>code,.about-page_content strong>code{font-size:inherit}.about-page_content blockquote{background-color:#f1f1f4;border-left:rgba(102,111,153,0.3) solid 8px;color:#666f99;padding:16px;margin-bottom:1.5em;margin-top:1.5em}.about-page_content blockquote+.about-page_content blockquote{margin-top:0.5em}.about-page_content table{border-collapse:collapse;border-color:#f1f1f4;border-style:solid;border-width:1px 0 0 1px;margin:1.5em auto}.about-page_content th,.about-page_content td{border-color:#f1f1f4;border-style:solid;border-width:0 1px 1px 0;padding:8px 16px}.about-page_content th{background-color:#f1f1f4;color:#666f99}.about-page_content aside{font-size:0.8rem;opacity:0.8}.about-page_content p+aside{margin-top:1em}.about-page_content strong{background-color:rgba(230,162,26,0.2);color:#3d3629;font-weight:bold}.about-page_content strong a,.about-page_content a strong{color:#973;text-decoration:underline}.about-page_content .footnotes{font-size:0.9rem}.about-page_content .footnotes hr{border-top:rgba(48,49,54,0.3) solid 1px;margin-bottom:32px;margin-top:64px}.about-page_content .footnotes ol{padding-left:2em}.about-page_content .footnotes li{list-style-type:decimal;margin-top:1em}.about-page_content .footnotes li:first-child{margin-top:0}.about-career:after{clear:both;content:'';display:block}.about-career_period{line-height:1.5;width:7em}@media screen and (min-width: 800px){.about-career_period{clear:both;float:left;margin-top:0.5em}.about-career_period:first-of-type{margin-top:0}}@media screen and (max-width: 799px){.about-career_period{font-weight:bold;margin-top:0.5em}.about-career_period:first-of-type{margin-top:0}}.about-career_summary{line-height:1.5}@media screen and (min-width: 800px){.about-career_summary{float:left;margin-top:0.5em}.about-career_summary:first-of-type{margin-top:0}}.blog-author{-webkit-box-align:stretch;align-items:stretch;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}@media screen and (min-width: 800px){.blog-author{display:-webkit-box;display:flex;flex-wrap:wrap}}@media screen and (max-width: 799px){.blog-author{padding:16px}}@media screen and (min-width: 800px){.blog-author_imageLayout{-webkit-box-flex:1;flex:1}}@media screen and (max-width: 799px){.blog-author_imageLayout{float:right;margin-bottom:16px;margin-left:16px}}.blog-author_image{background-image:url(/assets/img/common/author.svg);background-position:left 30% top 30%;background-repeat:no-repeat;background-size:cover}@media screen and (min-width: 800px){.blog-author_image{height:100%}}@media screen and (max-width: 799px){.blog-author_image{height:128px;margin-left:auto;margin-right:auto;width:128px}}.blog-author_textLayout{-webkit-box-flex:2;flex:2;padding:32px}@media screen and (max-width: 799px){.blog-author_textLayout{padding:0 0 16px 0}}.blog-author_pcButtonLayout{font-size:0;margin-top:16px}@media screen and (max-width: 799px){.blog-author_pcButtonLayout{display:none}}.blog-author_title{font-size:1.2rem;font-weight:bold}@media screen and (max-width: 799px){.blog-author_title{font-size:1rem}}.blog-author_detail{line-height:1.75;margin-top:8px}.blog-author_spButtonLayout{border-top:#f1f1f4 solid 1px;box-sizing:border-box;clear:both;font-size:0;padding-top:16px;text-align:center;width:100%}@media screen and (min-width: 800px){.blog-author_spButtonLayout{display:none}}.blog-bottomSeriesNav{background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.blog-bottomSeriesNav_header{background-color:#292c3d;color:rgba(255,255,255,0.95);display:-webkit-box;display:flex;font-weight:bold;position:relative}.blog-bottomSeriesNav_background{background-image:url(/data/blog/series/interactive-coding.png);background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:0.3;position:absolute;right:0;top:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.blog-bottomSeriesNav_header:hover .blog-bottomSeriesNav_background{opacity:0.8;text-decoration:underline}.blog-bottomSeriesNav_prefixLayout{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:relative}.blog-bottomSeriesNav_prefixLayout:after{background-color:rgba(255,255,255,0.1);bottom:8px;content:'';display:block;position:absolute;right:0;top:8px;width:1px}.blog-bottomSeriesNav_prefix{padding:16px;white-space:nowrap}.blog-bottomSeriesNav_title{padding:16px;position:relative}.blog-bottomSeriesNav_header:hover .blog-bottomSeriesNav_title{text-decoration:underline}.blog-bottomSeriesNavItem{font-weight:bold}.blog-bottomSeriesNavItem+.blog-bottomSeriesNavItem{border-top:#f1f1f4 solid 1px}.blog-bottomSeriesNavItem_anchor{display:-webkit-box;display:flex;opacity:0.3;padding:16px;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}.blog-bottomSeriesNavItem_anchor:hover{background-color:#f1f1f4}.blog-bottomSeriesNavItem a.blog-bottomSeriesNavItem_anchor{opacity:1}.blog-bottomSeriesNavItem_prefix{color:#666f99;font-size:0.8rem;position:relative;top:2px;white-space:nowrap}.blog-bottomSeriesNavItem_prefix .fa-caret-right{margin-left:4px}.blog-bottomSeriesNavItem_title{padding-left:16px}a.blog-bottomSeriesNavItem_anchor:hover .blog-bottomSeriesNavItem_title{text-decoration:underline}.blog-carousel{background-color:#f1f1f4;margin:1.5em auto;position:relative}.blog-carousel_itemsLayout{overflow:hidden}.blog-carousel_offsetLayout{font-size:0;padding:32px;position:relative;white-space:nowrap}@media screen and (max-width: 799px){.blog-carousel_offsetLayout{padding:16px}}.blog-carousel_item{background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:inline-block;list-style-type:none;width:100%}.blog-carousel_item+.blog-carousel_item{margin-left:16px}.blog-carousel_image{display:block;width:100%}.blog-carousel_toolbar{background:#292c3d;position:relative}.blog-carousel_button{background-color:transparent;border-width:0;color:white;cursor:pointer;font-size:1rem;font-weight:bold;height:44px;position:relative;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;width:44px}.blog-carousel_button:hover{background-color:rgba(255,255,255,0.2)}.blog-carousel_button:disabled{background-color:transparent;cursor:default;opacity:0.2}.blog-carousel_indicator{bottom:16px;color:white;font-size:0.9rem;font-weight:bold;left:0;line-height:44px;position:absolute;right:0;text-align:center;top:0}.blog-list{display:grid;grid-gap:64px;grid-template-columns:repeat(auto-fill, 240px);-webkit-box-pack:center;justify-content:center}@media screen and (max-width: 799px){.blog-list{grid-gap:32px}}.blog-listItem{display:-webkit-box;display:flex;position:relative}.blog-listItem_anchor{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative}.blog-listItem_imageLayout{background-color:#292c3d;height:240px;overflow:hidden;position:relative;width:240px}.blog-listItem_image{background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:100%;height:0;bottom:0;left:0;opacity:0.8;right:0;top:0;-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.blog-listItem_image.blog-listItem_image-logo{background-image:url(/assets/img/common/logo.svg);background-size:30%;-webkit-filter:opacity(0.3);filter:opacity(0.3)}.blog-listItem_anchor:hover .blog-listItem_image{opacity:1}.blog-listItem_textLayout{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin-top:16px;overflow:hidden;padding:0 2px;position:relative}@media screen and (max-width: 799px){.blog-listItem_textLayout{margin-top:8px}}.blog-listItem_date{font-family:"Roboto Mono","Source Code Pro",Courier,monospace;font-size:0.9rem;margin-top:8px;opacity:0.5;text-align:left}.blog-listItem_title{-webkit-box-flex:1;flex:1;font-weight:bold}@media screen and (max-width: 799px){.blog-listItem_title{font-size:1rem}}.blog-listItem_anchor:hover{color:rgba(48,49,54,0.8)}.blog-listItem_summary{margin-top:16px}.blog-listPage_innerLayout{padding:64px}@media screen and (max-width: 799px){.blog-listPage_innerLayout{padding-left:32px;padding-right:32px}}@media screen and (min-width: 800px){.blog-listPage_titleLayout{margin-left:auto;margin-right:auto;max-width:720px}}.blog-listPage_title{font-size:1.5rem;font-weight:bold;margin-bottom:1.5rem}.blog-listPage_badge{background-color:#303136;border-radius:4px;color:#f1f1f4;font-size:0.7em;line-height:2;padding:0.2em 0.5em}.blog-listPage_lead{font-size:1rem;margin-bottom:64px}.blog-listPage_lead p+p{line-height:1.75;margin-top:1em}@media screen and (min-width: 800px){.blog-listPage_pagerLayout{padding-bottom:64px}}@media screen and (max-width: 799px){.blog-listPage_pagerLayout{padding-bottom:32px}}.blog-pageNav_itemsLayout{display:-webkit-box;display:flex}.blog-pageNavItem{-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative}.blog-pageNavItem+.blog-pageNavItem{margin-left:16px}.blog-pageNavItem_nav{background-color:#292c3d;color:#bdc2db;font-family:"Roboto Mono","Source Code Pro",Courier,monospace;font-size:0.8rem;padding:2px 8px;position:absolute;right:0;top:0}.blog-pageNavItem_anchor{background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:block;-webkit-box-flex:1;flex:1}.blog-pageNavItem_imageLayout{background-color:#292c3d;overflow:hidden}.blog-pageNavItem_image{background-position:center;background-repeat:no-repeat;background-size:cover;height:0;opacity:0.3;padding-bottom:56.25%;-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.blog-pageNavItem_image.blog-pageNavItem_image-logo{background-image:url(/assets/img/common/logo-black.svg);background-size:20%;-webkit-filter:opacity(0.3);filter:opacity(0.3)}.blog-pageNavItem_anchor:hover .blog-pageNavItem_image{opacity:0.8}.blog-pageNavItem_textLayout{font-size:0.9rem;font-weight:bold;padding:16px}.blog-pageNavItem_anchor:hover .blog-pageNavItem_title{text-decoration:underline}.blog-singlePage{overflow:hidden;position:relative}.blog-singlePage_innerLayout{margin-bottom:64px;margin-top:64px}@media screen and (min-width: 800px){.blog-singlePage_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.blog-singlePage_innerLayout{margin-bottom:32px;margin-top:32px}}.blog-singlePage_socialLayout{background-color:#f1f1f4;padding:16px 0}@media screen and (min-width: 800px){.blog-singlePage_socialInnerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_socialInnerLayout{margin-left:32px;margin-right:32px}}.blog-singlePage_topSeriesNavLayout{background-color:#f1f1f4;border-bottom:#e3e4e8 solid 1px;padding:32px 0}@media screen and (min-width: 800px){.blog-singlePage_topSeriesNavInnerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_topSeriesNavInnerLayout{margin-left:32px;margin-right:32px}}.blog-singlePage_title{color:#242528;font-size:1.5rem;font-weight:bold;margin-bottom:8px}.blog-singlePage_section+.blog-singlePage_section{margin-top:32px}.blog-singlePage_content h1,.blog-singlePage_content h2,.blog-singlePage_content h3,.blog-singlePage_content h4,.blog-singlePage_content h5,.blog-singlePage_content h6{color:#242528;font-weight:bold;margin-bottom:0.5rem;margin-top:4rem}@media screen and (max-width: 799px){.blog-singlePage_content h1,.blog-singlePage_content h2,.blog-singlePage_content h3,.blog-singlePage_content h4,.blog-singlePage_content h5,.blog-singlePage_content h6{margin-top:3rem}}.blog-singlePage_content h1{font-size:1.5rem}.blog-singlePage_content h2{font-size:1.2rem}.blog-singlePage_content p{line-height:1.75}.blog-singlePage_content p+p{margin-top:1rem}.blog-singlePage_content p a,.blog-singlePage_content li a,.blog-singlePage_content dd a{color:#0586c7;text-decoration:underline;-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out;margin-left:0.1em;margin-right:0.1em;word-break:break-all}.blog-singlePage_content p a:hover,.blog-singlePage_content li a:hover,.blog-singlePage_content dd a:hover{color:#0af}.blog-singlePage_content>dl,.blog-singlePage_content>ol,.blog-singlePage_content>ul{margin-bottom:1.5em;margin-top:1.5em}.blog-singlePage_content>ol,.blog-singlePage_content>ul{padding-left:2em}.blog-singlePage_content>ol li{list-style-type:decimal}.blog-singlePage_content>ul li{list-style-type:disc}.blog-singlePage_content>ul li>ul{margin-top:0.5em;padding-left:1.5em}.blog-singlePage_content>ul li>ul li{list-style-type:circle}.blog-singlePage_content>ol li+li,.blog-singlePage_content>ul li+li{margin-top:0.5em}.blog-singlePage_content h1>code,.blog-singlePage_content h1>a>code,.blog-singlePage_content h2>code,.blog-singlePage_content h2>a>code,.blog-singlePage_content h3>code,.blog-singlePage_content h3>a>code,.blog-singlePage_content h4>code,.blog-singlePage_content h4>a>code,.blog-singlePage_content h5>code,.blog-singlePage_content h5>a>code,.blog-singlePage_content h6>code,.blog-singlePage_content h6>a>code,.blog-singlePage_content p>code,.blog-singlePage_content p>a>code,.blog-singlePage_content li>code,.blog-singlePage_content li>a>code,.blog-singlePage_content strong>code,.blog-singlePage_content strong>a>code,.blog-singlePage_content td>code,.blog-singlePage_content td>a>code{color:#666f99;font-family:"Roboto Mono","Source Code Pro",Courier,monospace;padding:2px}.blog-singlePage_content h1>code,.blog-singlePage_content h2>code,.blog-singlePage_content h3>code,.blog-singlePage_content h4>code,.blog-singlePage_content h5>code,.blog-singlePage_content h6>code,.blog-singlePage_content strong>code{font-size:inherit}.blog-singlePage_content blockquote{background-color:#f1f1f4;border-left:rgba(102,111,153,0.3) solid 8px;color:#666f99;padding:16px;margin-bottom:1.5em;margin-top:1.5em}.blog-singlePage_content blockquote+.blog-singlePage_content blockquote{margin-top:0.5em}.blog-singlePage_content table{border-collapse:collapse;border-color:#f1f1f4;border-style:solid;border-width:1px 0 0 1px;margin:1.5em auto}.blog-singlePage_content th,.blog-singlePage_content td{border-color:#f1f1f4;border-style:solid;border-width:0 1px 1px 0;padding:8px 16px}.blog-singlePage_content th{background-color:#f1f1f4;color:#666f99}.blog-singlePage_content aside{font-size:0.8rem;opacity:0.8}.blog-singlePage_content p+aside{margin-top:1em}.blog-singlePage_content strong{background-color:rgba(230,162,26,0.2);color:#3d3629;font-weight:bold}.blog-singlePage_content strong a,.blog-singlePage_content a strong{color:#973;text-decoration:underline}.blog-singlePage_content .footnotes{font-size:0.9rem}.blog-singlePage_content .footnotes hr{border-top:rgba(48,49,54,0.3) solid 1px;margin-bottom:32px;margin-top:64px}.blog-singlePage_content .footnotes ol{padding-left:2em}.blog-singlePage_content .footnotes li{list-style-type:decimal;margin-top:1em}.blog-singlePage_content .footnotes li:first-child{margin-top:0}.blog-singlePage_authorLayout{background-color:#f1f1f4;border-bottom:#e3e4e8 solid 1px;margin-top:64px;padding:32px 0}@media screen and (max-width: 799px){.blog-singlePage_authorLayout{margin-top:32px}}@media screen and (min-width: 800px){.blog-singlePage_authorInnerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_authorInnerLayout{margin-left:32px;margin-right:32px}}.blog-singlePage_bottomSeriesNavLayout{background-color:#f1f1f4;border-bottom:#e3e4e8 solid 1px;padding:32px 0}@media screen and (min-width: 800px){.blog-singlePage_bottomSeriesNavInnerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_bottomSeriesNavInnerLayout{margin-left:32px;margin-right:32px}}.blog-singlePage_pageNavLayout{background-color:#f1f1f4;padding:32px 0}@media screen and (min-width: 800px){.blog-singlePage_pageNavInnerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.blog-singlePage_pageNavInnerLayout{margin-left:32px;margin-right:32px}}.blog-singlePage_tocLayout{margin-left:632px;position:absolute}@media screen and (max-width: 799px){.blog-singlePage_tocLayout{display:none}}.blog-social{margin-top:-8px}.blog-social>*{display:inline-block;height:20px;line-height:20px;vertical-align:top}.blog-social>*{margin-right:8px;margin-top:8px}.blog-toc{background-color:#f1f1f4;box-sizing:border-box;font-size:0.8rem;padding:16px;width:240px}.blog-toc_item{cursor:pointer;opacity:0.3}.blog-toc_item:hover{opacity:1}.blog-toc_item+.blog-toc_item{margin-top:1em}.blog-toc_item.blog-toc_item-h1{font-weight:bold;margin-top:2em}.blog-toc_item.blog-toc_item-h1:first-child{margin-top:0}.blog-toc_item.blog-toc_item-h3,.blog-toc_item.blog-toc_item-h4,.blog-toc_item.blog-toc_item-h5,.blog-toc_item.blog-toc_item-h6{margin-left:1em}.blog-topSeriesNav{background-color:#292c3d;position:relative}.blog-topSeriesNav_background{background-image:url(/data/blog/series/interactive-coding.png);background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:0.3;position:absolute;right:0;top:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.blog-topSeriesNav:hover .blog-topSeriesNav_background{opacity:0.8}.blog-topSeriesNav_anchor{box-shadow:0 2px 8px rgba(0,0,0,0.1);color:rgba(255,255,255,0.95);display:-webkit-box;display:flex;font-weight:bold}.blog-topSeriesNav_prefixLayout{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;position:relative}.blog-topSeriesNav_prefixLayout:after{background-color:rgba(255,255,255,0.1);bottom:8px;content:'';display:block;position:absolute;right:0;top:8px;width:1px}.blog-topSeriesNav_prefix{padding:16px;white-space:nowrap}.blog-topSeriesNav_title{position:relative;padding:16px}.blog-topSeriesNav:hover .blog-topSeriesNav_title{text-decoration:underline}@-webkit-keyframes index-page_hidingPlaceholder{0%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes index-page_hidingPlaceholder{0%{opacity:1}100%{opacity:0;visibility:hidden}}html.index{background-color:#292c3d;bottom:0;left:0;position:absolute;right:0;top:0}html.index.flicker{background-color:rgba(41,44,61,0.9)}html.index.light{background-color:#f1f1f4}.index-page{-webkit-box-align:center;align-items:center;bottom:0;display:-webkit-box;display:flex;justify-content:space-around;left:0;position:absolute;text-align:center;top:64px;width:100%}.index-page_canvasLayout{bottom:0;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;-webkit-transition:0.5s opacity 0.5s ease-out;transition:0.5s opacity 0.5s ease-out}.index-page.index-page-loaded .index-page_canvasLayout{opacity:1}.index-page_placeholderLayout{-webkit-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}.index-page.index-page-loaded .index-page_placeholderLayout{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:index-page_hidingPlaceholder;animation-name:index-page_hidingPlaceholder;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.index-page_imageLayout{background:url(/assets/img/common/logo.svg) no-repeat center;background-size:contain;height:240px;margin:auto;opacity:0.5;position:relative;width:240px}.index-page_textLayout{color:transparent;text-indent:-9999px;background:url(/assets/img/common/logotype.svg) no-repeat center;background-size:contain;height:0;left:0;padding-bottom:24px;position:absolute;top:288px;width:270px}.index-anchors{left:0;position:absolute;top:0}.index-anchors_anchor{display:block;height:240px;position:absolute;width:240px}.index-anchors_anchor:hover{background-color:rgba(255,255,255,0.1)}html.notFound{background-color:#292c3d;bottom:0;left:0;position:absolute;right:0;top:0}.notFound-page{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%}.notFound-page_canvasLayout{height:273px;opacity:0;overflow:hidden;position:relative;-webkit-transition:0.5s opacity 0.5s ease-out;transition:0.5s opacity 0.5s ease-out;width:240px}.notFound-page_canvasLayout.notFound-page_canvasLayout-loaded{opacity:1}.notFound-page_canvasLayout canvas{display:block}.sketches-listPage_innerLayout{margin-top:64px}@media screen and (min-width: 800px){.sketches-listPage_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.sketches-listPage_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.sketches-listPage_innerLayout{margin-top:32px}}.sketches-listItem{background-color:#292c3d;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;position:relative}@media screen and (min-width: 800px){.sketches-listItem{display:inline-block;width:48%}.sketches-listItem:nth-child(2n+2){margin-left:4%}.sketches-listItem:nth-child(n+3){margin-top:4%}}@media screen and (max-width: 799px){.sketches-listItem+.sketches-listItem{margin-top:32px}}.sketches-listItem_background{background-position:center;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:0.3;position:absolute;right:0;top:0;-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.sketches-listItem:hover .sketches-listItem_background{opacity:0.8}.sketches-listItem_anchor{color:white;font-size:1.2rem;font-weight:bold;display:-webkit-box;display:flex;position:relative}.sketches-listItem:hover .sketches-listItem_anchor{text-decoration:underline}.sketches-listItem_anchor{display:block;padding:32px}html.sketches.sketches-single{bottom:0;left:0;position:absolute;right:0;top:0}.sketches-singlePage{height:100%;left:0;position:absolute;top:0;width:100%}.sketches-singlePage_canvasLayout{bottom:0;left:0;position:absolute;right:0;top:0}.sketches-singlePage_canvasLayout iframe{height:100%;left:0;position:absolute;top:0;width:100%}.works-list{-webkit-box-align:stretch;align-items:stretch;display:grid;grid-gap:64px;grid-template-columns:repeat(auto-fill, 240px);-webkit-box-pack:center;justify-content:center}.works-listItem{-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:flex}.works-listItem_anchor{-webkit-box-align:stretch;align-items:stretch;color:inherit;display:-webkit-box;display:flex;position:relative;-webkit-transition:color 0.2s linear;transition:color 0.2s linear;width:100%}.works-listPage_listLayout{padding:64px;position:relative}@media screen and (max-width: 799px){.works-listPage_listLayout{padding-left:32px;padding-right:32px}}.works-singlePage_innerLayout{padding-top:64px}@media screen and (min-width: 800px){.works-singlePage_innerLayout{margin-left:auto;margin-right:auto;width:600px}}@media screen and (max-width: 799px){.works-singlePage_innerLayout{margin-left:32px;margin-right:32px}}@media screen and (max-width: 799px){.works-singlePage_innerLayout{padding-top:32px}}.works-singlePage_title{font-size:1.5rem;font-weight:bold;margin-bottom:8px}.works-singlePage_section+.works-singlePage_section{margin-top:64px}@media screen and (max-width: 799px){.works-singlePage_section+.works-singlePage_section{margin-top:32px}}.works-singlePage_content h1,.works-singlePage_content h2,.works-singlePage_content h3,.works-singlePage_content h4,.works-singlePage_content h5,.works-singlePage_content h6{color:#242528;font-weight:bold;margin-bottom:0.5rem;margin-top:4rem}@media screen and (max-width: 799px){.works-singlePage_content h1,.works-singlePage_content h2,.works-singlePage_content h3,.works-singlePage_content h4,.works-singlePage_content h5,.works-singlePage_content h6{margin-top:3rem}}.works-singlePage_content h1{font-size:1.5rem}.works-singlePage_content h2{font-size:1.2rem}.works-singlePage_content p{line-height:1.75}.works-singlePage_content p+p{margin-top:1rem}.works-singlePage_content p a,.works-singlePage_content li a,.works-singlePage_content dd a{color:#0586c7;text-decoration:underline;-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out;margin-left:0.1em;margin-right:0.1em;word-break:break-all}.works-singlePage_content p a:hover,.works-singlePage_content li a:hover,.works-singlePage_content dd a:hover{color:#0af}.works-singlePage_content>dl,.works-singlePage_content>ol,.works-singlePage_content>ul{margin-bottom:1.5em;margin-top:1.5em}.works-singlePage_content>ol,.works-singlePage_content>ul{padding-left:2em}.works-singlePage_content>ol li{list-style-type:decimal}.works-singlePage_content>ul li{list-style-type:disc}.works-singlePage_content>ul li>ul{margin-top:0.5em;padding-left:1.5em}.works-singlePage_content>ul li>ul li{list-style-type:circle}.works-singlePage_content>ol li+li,.works-singlePage_content>ul li+li{margin-top:0.5em}.works-singlePage_content h1>code,.works-singlePage_content h1>a>code,.works-singlePage_content h2>code,.works-singlePage_content h2>a>code,.works-singlePage_content h3>code,.works-singlePage_content h3>a>code,.works-singlePage_content h4>code,.works-singlePage_content h4>a>code,.works-singlePage_content h5>code,.works-singlePage_content h5>a>code,.works-singlePage_content h6>code,.works-singlePage_content h6>a>code,.works-singlePage_content p>code,.works-singlePage_content p>a>code,.works-singlePage_content li>code,.works-singlePage_content li>a>code,.works-singlePage_content strong>code,.works-singlePage_content strong>a>code,.works-singlePage_content td>code,.works-singlePage_content td>a>code{color:#666f99;font-family:"Roboto Mono","Source Code Pro",Courier,monospace;padding:2px}.works-singlePage_content h1>code,.works-singlePage_content h2>code,.works-singlePage_content h3>code,.works-singlePage_content h4>code,.works-singlePage_content h5>code,.works-singlePage_content h6>code,.works-singlePage_content strong>code{font-size:inherit}.works-singlePage_content blockquote{background-color:#f1f1f4;border-left:rgba(102,111,153,0.3) solid 8px;color:#666f99;padding:16px;margin-bottom:1.5em;margin-top:1.5em}.works-singlePage_content blockquote+.works-singlePage_content blockquote{margin-top:0.5em}.works-singlePage_content table{border-collapse:collapse;border-color:#f1f1f4;border-style:solid;border-width:1px 0 0 1px;margin:1.5em auto}.works-singlePage_content th,.works-singlePage_content td{border-color:#f1f1f4;border-style:solid;border-width:0 1px 1px 0;padding:8px 16px}.works-singlePage_content th{background-color:#f1f1f4;color:#666f99}.works-singlePage_content aside{font-size:0.8rem;opacity:0.8}.works-singlePage_content p+aside{margin-top:1em}.works-singlePage_content strong{background-color:rgba(230,162,26,0.2);color:#3d3629;font-weight:bold}.works-singlePage_content strong a,.works-singlePage_content a strong{color:#973;text-decoration:underline}.works-singlePage_content .footnotes{font-size:0.9rem}.works-singlePage_content .footnotes hr{border-top:rgba(48,49,54,0.3) solid 1px;margin-bottom:32px;margin-top:64px}.works-singlePage_content .footnotes ol{padding-left:2em}.works-singlePage_content .footnotes li{list-style-type:decimal;margin-top:1em}.works-singlePage_content .footnotes li:first-child{margin-top:0}.works-imageListItem{font-size:0}.works-imageListItem+.works-imageListItem{margin-top:8px}.works-imageListItem_image{border:rgba(0,0,0,0.05) solid 1px;display:block;width:100%}.works-eventList{margin-bottom:1.5em;margin-top:1.5em}@media screen and (min-width: 800px){.works-eventListItem{display:-webkit-box;display:flex}}.works-eventListItem+.works-eventListItem{margin-top:1em}@media screen and (max-width: 799px){.works-eventListItem_date{font-weight:bold}}.works-eventListItem_detail a{color:#0586c7;text-decoration:underline;-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out}.works-eventListItem_detail a:hover{color:#0af}.works-creditList{margin-bottom:1.5em;margin-top:1.5em}@media screen and (min-width: 800px){.works-creditListItem{display:-webkit-box;display:flex}}.works-creditListItem+.works-creditListItem{margin-top:1em}.works-creditListItem_role{font-weight:bold;margin-right:0.5em}.works-creditListItem_role:after{content:':'}@media screen and (max-width: 799px){.works-creditListItem_name{margin-top:0.3rem}}.works-creditListItem_name a{color:#0586c7;text-decoration:underline;-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out}.works-creditListItem_name a:hover{color:#0af}