html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font:16px/1.4 Overpass,sans-serif;color:#607d8b;letter-spacing:-.02em}b,strong{font-weight:bold}i,em{font-style:italic}a{text-decoration:none;color:inherit}a:hover{color:#2196f3}.banner{display:block;padding:15px;background:#f5f5f5;border:solid #e0e0e0;border-width:0 0 1px;text-align:center;line-height:24px;color:#263238;-webkit-transition:.1s;transition:.1s}.banner:hover{box-shadow:0 0 20px rgba(0,0,0,0.1)}.banner-skillshare img{height:18px;margin:3px 0;vertical-align:top;-webkit-transition:inherit;transition:inherit}.banner-skillshare span{display:inline-block}.banner-skillshare span:first-child{margin-right:10px}@media (min-width: 640px){.banner-skillshare span:last-child{margin-left:10px}}@media (min-width: 1024px){.banner{position:fixed;right:0;bottom:0;left:0;border-width:1px 0 0;z-index:30}}.brand{position:relative;padding:15px 15px 15px 0;margin-left:15px;border-bottom:solid 1px #e0e0e0;cursor:pointer}.brand:not(.-collected) .color span{display:none}.brand.-collected{position:relative}.brand.-collected .brand-indicator{opacity:1;visibility:visible}.brand.-collected .brand-title{font-weight:bold}.brand.-collected .brand-colors li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:120px;flex-basis:120px}.brand.-collected .brand-footer{display:block}.brand-indicator{color:#2196f3;opacity:0;visibility:hidden}.brand-title{margin-bottom:8px;font-size:20px;line-height:1.2;color:#263238}.brand-colors{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:-5px}.brand-colors li{-webkit-box-flex:0;-ms-flex:0 1 40px;flex:0 1 40px;margin:5px}.brand-footer{display:none;margin-top:15px}@media (min-width: 640px){.brand-main{display:-webkit-box;display:-ms-flexbox;display:flex}.brand-header{-ms-flex-negative:0;flex-shrink:0;margin-right:20px;width:20%}.brand-title{margin-top:8px}}@media (max-width: 1023px){.brand-indicator{margin-left:5px}}@media (min-width: 1024px){.brand-indicator{position:absolute;left:-28px;top:24px;background:white}.brand-colors li{-ms-flex-preferred-size:60px;flex-basis:60px}}#carbonads{margin-top:30px}.carbon-img{display:block}.carbon-img img{display:block}.carbon-text{display:block;padding-top:20px;margin-bottom:10px}.carbon-poweredby{font-size:12px;text-transform:uppercase;color:#b0bec5}@media (min-width: 1024px){#carbonads{position:-webkit-sticky;position:sticky;top:30px}}.color{width:100%;height:40px;padding:8px;border:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);font-family:inherit;font-size:inherit;color:white;cursor:pointer}.color:not(:hover)>*{opacity:0;visibility:hidden}.color.-light{color:rgba(0,0,0,0.75)}.color span{display:inline-block;vertical-align:top;margin-left:5px;font-size:14px;line-height:24px;font-family:"Overpass Mono",monospace}.color span:before{content:'#';opacity:.66;margin-right:.1em}.header{padding:20px 15px}.header h2{margin:30px 0}.header nav{color:#263238}.header nav sup{font-size:75%;vertical-align:top;color:#607d8b}.header .skillshare{margin-top:30px}@media (max-width: 1023px){.header{border-bottom:solid 1px #e0e0e0}.header h2{display:none}.header nav{margin-top:20px}.header nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.header nav li:not(:last-child){margin-right:15px}.header .skillshare{display:none}}@media (min-width: 1024px){.header{-ms-flex-negative:0;flex-shrink:0;width:270px;padding:30px 40px;border-right:solid 1px #e0e0e0}.header .logo{margin-left:-20px}.header nav{padding:20px 0;border:solid #e0e0e0;border-width:1px 0;font-size:18px;line-height:2}.header nav a{position:relative;display:inline-block;padding-left:10px;-webkit-transition:.1s;transition:.1s}.header nav a:not(:hover){-webkit-transform:translateX(-10px);transform:translateX(-10px)}.header nav a:not(:hover):before{opacity:0}.header nav a:before{content:'';position:absolute;width:10px;height:2px;top:50%;margin-top:-1px;left:-5px;background:#e0e0e0;-webkit-transition:.1s;transition:.1s}}.material-icons{vertical-align:top}.invisible-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:0;cursor:pointer}.logo{padding-left:50px;font-size:24px;line-height:40px;color:#263238;background:url(../img/logo.png) left center/40px 40px no-repeat}@media (min-width: 1024px){.main{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:55px 0 54px}}.meta{font-size:14px}.meta a{color:inherit}.meta a:hover{color:#41545e;text-decoration:underline}.meta span+span:before{content:'\2022';margin:10px}.notification{background:rgba(38,50,56,0.75);color:white;padding:15px;position:fixed;right:15px;bottom:15px;-webkit-transition:.2s;transition:.2s;pointer-events:none;z-index:20}.notification:not(.-visible){opacity:0;visibility:hidden}.notification strong{font-family:"Overpass Mono",monospace}html[data-screen=single] .toolbar-collection,html[data-screen=single] .toolbar-search{display:none}html[data-screen=collection] .toolbar-search{display:none}html[data-screen=index] .toolbar-back{display:none}.share{position:fixed;bottom:85px;left:40px;width:270px;text-align:center}.share .at-resp-share-element .at-share-btn{margin-top:5px}.share .at-resp-share-element .at-share-btn+.at-share-btn{margin-left:5px}@media (max-width: 1023px){.share{display:none}}.single{padding:20px 15px}.single-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.single-title{font-weight:bold;font-size:32px;line-height:40px;color:#263238}.single-actions>*+*{margin-left:5px}.single-actions a:hover{color:#263238}.single-colors{margin:20px 0}.single-colors li+li{margin-top:10px}@media (min-width: 640px){.single{padding:30px}}.srt{position:absolute !important;left:-999em}.toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;font-size:14px;line-height:24px;background:white;border-bottom:solid 1px #e0e0e0;z-index:10}.toolbar a:hover{color:#263238}.toolbar-search{position:relative}.toolbar-search .material-icons{position:absolute;left:0;pointer-events:none}.toolbar-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:24px;padding-left:30px;border:none;font-family:inherit;font-size:inherit;color:inherit}.toolbar-search input::-webkit-input-placeholder{color:#b0bec5;opacity:1}.toolbar-search input::-moz-placeholder{color:#b0bec5;opacity:1}.toolbar-search input:-ms-input-placeholder{color:#b0bec5;opacity:1}.toolbar-search input:-moz-placeholder{color:#b0bec5;opacity:1}.toolbar-search input::-webkit-search-decoration,.toolbar-search input::-webkit-search-results-button,.toolbar-search input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.toolbar-search input:focus{outline:none}.toolbar-collection{margin-right:15px;padding-right:15px;border-right:solid 1px #e0e0e0}.toolbar-collection:not(.-populated)>*{opacity:.33;pointer-events:none}.toolbar-collection a+a{margin-left:5px}.toolbar-collection-msg{margin-left:10px}@media (max-width: 639px){.toolbar>.group:first-child,.toolbar>.group .toolbar-search,.toolbar>.group .toolbar-search input{width:100%}.toolbar>.group:last-child{display:none}}@media (min-width: 1024px){.toolbar{position:fixed;top:0;right:0;left:351px}}[hidden]{display:none}.relative{position:relative}.group{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width: 1024px){.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}}
/*# sourceMappingURL=app.css.map */