body{width:100%;}body:before,body:after{content:"";display:table}body:after{clear:both}@font-face{font-family:'NewCicleGordita';src:url("fonts/New_Cicle_Gordita-webfont.eot");src:url("fonts/New_Cicle_Gordita-webfont.eot?#iefix") format('embedded-opentype'),url("fonts/New_Cicle_Gordita-webfont.woff") format('woff'),url("fonts/New_Cicle_Gordita-webfont.ttf") format('truetype'),url("fonts/New_Cicle_Gordita-webfont.svg#NewCicleGordita") format('svg');font-weight:normal;font-style:normal}html,body{height:100%;margin:0;padding:0}body{background:#fff url("/images/project_papper.png");color:#222;font-family:Arial,Helvetica,sans-serif}a{color:#222}h1,h2{font-family:NewCicleGordita,Arial,Helvetica,sans-serif;font-weight:normal}h3{font-weight:normal}h1{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%;text-align:center}.subtitle{text-align:center}a.nav{position:relative;text-decoration:none;}a.nav::before{background:#222;bottom:0;content:'';height:2px;position:absolute;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);transition:transform .1s;width:100%}a.nav:hover::before{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}#content:before,#content:after{content:"";display:table}#content:after{clear:both}main{display:inline;float:left;margin:0 1.041666666666667%;width:72.91666666666666%}aside{display:inline;float:left;margin:0 1.041666666666667%;width:22.916666666666664%}article{margin:0 auto;width:60%}@media screen and (max-width:620px){article{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%}}@media screen and (max-width:1000px){main,aside{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%}aside h2:first-child{margin-top:.8em}}footer{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%;font-size:.8em;margin-top:2em;text-align:center;}footer span{margin:0 .5em}footer img{height:32px;vertical-align:middle;width:32px}.bullet{height:1em;vertical-align:bottom}.icon{background:#000;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.4);display:block;margin:0 auto;transition:all .2s}.tags{font-size:1.2em;list-style:none;margin:0;padding:0;white-space:nowrap;}.tags:before,.tags:after{content:"";display:table}.tags:after{clear:both}.tags li{float:left;margin:.2em}.tags a{background:#000;border-radius:5px;color:#fff;display:inline-block;padding:.5em;transition:all .2s;}.tags a:hover{background:#333}.tags a span{background:#fff4c2;border:#fc3 solid 2px;border-width:2px;border-radius:50%;color:#000;display:inline-block;font-size:.8em;font-weight:bold;height:1em;line-height:1.1em;margin-left:5px;text-align:center;vertical-align:middle;width:1em}.download{font-weight:bold;list-style:none;margin:0;padding:0;}.download:before,.download:after{content:"";display:table}.download:after{clear:both}.download li{float:left;margin:.2em}.download a{border:2px solid transparent;border-radius:5px;display:inline-block;margin:.2em;min-width:96px;overflow:hidden;padding:.5em;position:relative;text-align:center;text-decoration:none;transition:all .2s;white-space:nowrap;}.download a:hover{box-shadow:0 2px 5px rgba(0,0,0,0.4);}.download a:hover img{top:0}.download a:hover span{-webkit-transform:translateY(300%);-moz-transform:translateY(300%);-ms-transform:translateY(300%);transform:translateY(300%)}.download a img{height:100%;left:0;position:absolute;top:-100%;transition:all .3s;width:100%}.download a span{display:inline-block;height:100%;transition:all .3s;width:100%}@media screen and (max-width:1000px){.download li{display:inline-block;margin:0}}.tags.cover{margin:1%;}.tags.cover a{padding:0;padding-right:.5em}.tags.cover img{box-shadow:none;display:inline;height:1.8em;margin:0;margin-right:.2em;transition:none;vertical-align:middle;width:1.8em}.tags.cover li{margin:.5em}.tags.cover li.parent{background:#fff;border:2px solid #000;border-radius:5px;padding:10px;}.tags.cover li.parent a{float:left;margin:.2em}.icons{list-style:none;margin:0;padding:.5em;}.icons:before,.icons:after{content:"";display:table}.icons:after{clear:both}.icons li{float:left;margin:4px;position:relative;transition:all .2s ease-in-out;}.icons li a{display:block}.icons li span{background:#fff4c2;border:#fc3 solid 2px;border-width:0 0 2px 2px;font-weight:bold;right:0;padding:5px;position:absolute;z-index:1}.icons li img,.icons li svg{box-shadow:none;height:120px;width:120px}.icons li:hover{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0) scale(1.2);transform:translate3d(0,0,0) scale(1.2);z-index:42;}.icons li:hover span{display:none}@media screen and (max-width:620px){.icons li img,.icons li svg,.icons li .flipper{height:56px;width:56px}}.more{font-size:1.2em;padding:2em;text-align:center;}.more li{display:inline;float:none}.more img{height:120px;width:120px}.showcase{list-style:none;padding:0;}.showcase li{display:block;float:left;margin:1em;text-align:center}.showcase img{border:1px solid #000;display:block;margin-top:.5em}.diapos{height:160px;list-style:none;margin:0;overflow:hidden;padding-top:200px;position:relative}.diapo{background:#fff;border-radius:5px;box-shadow:rgba(0,0,0,0.1) 10px 10px 10px;padding:5px;position:absolute;-webkit-backface-visibility:hidden}.diapo:nth-child(1){left:12%;transform:scale(1.4) rotateZ(8deg);z-index:5;top:98px}.diapo:nth-child(2){left:18%;top:250px;transform:scale(1.6) rotateZ(5deg);z-index:6}.diapo:nth-child(3){left:27%;top:96px;transform:scale(1.7) rotateZ(-14deg);z-index:7}.diapo:nth-child(4){left:40%;transform:scale(2) rotateZ(20deg);z-index:8}.diapo:nth-child(5){left:54%;top:100px;transform:scale(1.8) rotateZ(-45deg);z-index:7}.diapo:nth-child(6){left:57%;top:246px;transform:scale(1.6) rotateZ(11deg);z-index:6}.diapo:nth-child(7){left:70%;top:129px;transform:scale(1.4) rotateZ(-32deg);z-index:5}.diapo:nth-child(8){left:74%;top:244px;transform:scale(1.2) rotateZ(33deg);z-index:4}header{align-items:center;display:flex;justify-content:space-between;font-family:NewCicleGordita,Arial,Helvetica,sans-serif;padding:1%}#logo{background:#000;border-radius:5px;color:#fff;font-size:2em;padding:.5em;text-decoration:none;white-space:nowrap}#nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}#nav li{margin:0 .5em}#nav a{cursor:pointer;display:inline-block;padding:.5em;text-decoration:underline}#search{font-family:Arial,sans-serif;width:40%}@media screen and (max-width:1000px){header{flex-wrap:wrap;justify-content:center;padding-top:0;margin-bottom:1em}#nav{display:flex;justify-content:center;}#nav a{font-size:1.2em}#search{width:100%}}#algolia-search{padding:5px 0}.algolia-autocomplete{width:100%;}.algolia-autocomplete .aa-input,.algolia-autocomplete .aa-hint{width:100%}.algolia-autocomplete .aa-hint{color:#999}.algolia-autocomplete .aa-dropdown-menu{width:100%;background-color:#fff;border:1px solid #999;border-top:none;}.algolia-autocomplete .aa-dropdown-menu .aa-suggestion{cursor:pointer;display:flex;padding:5px;}.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor{background-color:#fff4c2}.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em{font-weight:bold;font-style:normal}.algolia-autocomplete img{margin-right:10px}.algolia-autocomplete .name{margin-top:0}.algolia-autocomplete .description{font-size:.8em}.algolia-autocomplete hr{display:none}.algolia-empty{padding:5px}.algolia-branding{display:flex;justify-content:space-between;margin:.5em .2em;}.algolia-branding a.promo{text-decoration:none}.algolia-branding img{height:1.3em;margin-bottom:-.3em}#algolia-advanced-search-wrapper{text-align:center;}#algolia-advanced-search-wrapper .algolia-branding{display:block;text-align:center;text-decoration:none}#algolia-hits .ais-hits--item{margin:1em 0}#algolia-hits .ais-hits--item > a{display:flex;text-decoration:none}#algolia-hits .ais-hits--item > a:hover{background:#fff}#algolia-hits img{margin-right:10px}#algolia-hits .name{margin-top:0}#algolia-hits .description{font-size:.8em}#algolia-hits em{font-weight:bold;font-style:normal}#algolia-hits .algolia-empty{margin:1em;text-align:center}#algolia-pagination{text-align:center}.ais-pagination--item__active{background-color:#000 !important}.popular-icons .inlined-svg{position:absolute;top:0;transition:all 1s}.popular-icons .inlined-svg-enter{opacity:0}.flipper{height:120px;position:relative;transform-style:preserve-3d;transition:.6s;width:120px;}.flipper a{backface-visibility:hidden;left:0;position:absolute;top:0}.flipper .front{transform:rotateY(0);z-index:2}.flipper .back{transform:rotateY(180deg)}.flipper.hover{transform:rotateY(180deg)}.icon-page h1{margin-bottom:.2em}.icon-page h4.author{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%;font-weight:normal;margin-bottom:0;margin-top:0;text-align:center}.icon-page main{display:inline;float:left;margin:1.041666666666667%;width:47.91666666666667%;min-height:512px;position:relative;}.icon-page main .inlined-svg{position:absolute;top:0}.icon-page aside{display:inline;float:left;margin:1.041666666666667%;width:22.916666666666664%;}.icon-page aside > h2:first-child{margin-top:0}.icon-page .tag-nav{align-items:center;display:flex;margin-bottom:.2em}.icon-page .previous a,.icon-page .next a{display:block;padding:0}.icon-page .previous img,.icon-page .next img{box-shadow:none;height:2em;width:2em}.icon-page .previous{margin-right:.2em}.icon-page .next{margin-left:.2em}.icon-page .emojis{display:flex;}.icon-page .emojis .codepoint{font-family:Arial,Helvetica,"Twemoji Mozilla",sans-serif;font-size:2em;margin-right:.5em}.icon-page .emojis a{display:block;text-decoration:none}.icon-page .emojis span,.icon-page .emojis code{margin-right:1em}.icon-page .emojis code{text-decoration:underline}#icon{height:512px;margin:0 auto;position:relative;transition:all .2s;width:512px;}#icon svg{border-radius:0;box-shadow:none}#icon > img.icon{height:512px;width:512px}@media screen and (max-width:1000px){.icon-page main,.icon-page aside{display:inline;float:left;margin:1.041666666666667%;width:97.91666666666666%;min-height:initial}.icon-page aside h2:first-child{margin-top:.8em}.icon-page .author{text-align:center}}@media screen and (max-width:512px){#icon,#canvas,.Icon{height:256px !important;width:256px !important}}.comments{list-style:none;padding:0;}.comments li{background:rgba(255,255,255,0.5);border-radius:5px;margin-bottom:.5em;padding:.5em;}.comments li:before,.comments li:after{content:"";display:table}.comments li:after{clear:both}.comments li img{height:3em;width:3em}.comments li .author{float:right}.comments li .content{padding-right:1em}circle,path,text{transition:all .2s ease}#tools{float:right;}#tools:before,#tools:after{content:"";display:table}#tools:after{clear:both}#tools > h2:first-child{margin-top:0}#tools h2{margin-bottom:.5em}#tools button{background:#000;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-weight:bold;margin:.2em;padding:.2em;transition:all .2s;vertical-align:middle;}#tools button:hover{box-shadow:0 2px 5px rgba(0,0,0,0.4)}#tools button img{display:block;height:32px;width:32px}#tools #swap{left:182px;padding:0;position:absolute;top:12px}#swatches{position:relative}#transforms button{padding:0}#text label{margin-left:1.5em;margin-right:.5em}#text input{width:4em}#text input[type="number"]{width:3em}#sizes button{font-size:1.1em}@media screen and (max-width:1000px){#tools{display:none}}.done:before,.inprogress:before,.todo:before{border-radius:2px;color:#fff;display:inline-block;font-size:.8em;padding:.2em;margin-right:.5em}.done:before{background:#008000;content:'done'}.inprogress:before{background:#ffa500;content:'in progress'}.todo:before{background:#c00;content:'todo'}[data-hint]{position:relative;display:inline-block;}@media screen and (max-width:620px){[data-hint]:before,[data-hint]:after{display:none}}[data-hint]:before,[data-hint]:after{opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.3s ease;visibility:hidden;z-index:1000000}[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{opacity:1;visibility:visible}[data-hint]:before{background:transparent;border:6px solid transparent;content:'';position:absolute;z-index:1000001}[data-hint]:after{background:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.3);color:#000;content:attr(data-hint);font-size:12px;font-weight:bold;line-height:12px;padding:8px 10px;white-space:nowrap}.hint--top:before{border-top-color:#fff}.hint--top:before{margin-bottom:-11px}.hint--top:before,.hint--top:after{bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translate(-50%,-8px);transform:translate(-50%,-8px)}.studio-help .progression{align-items:center;display:flex;justify-content:center;}.studio-help .progression img{height:64px;width:64px}.studio-help .samples{display:flex;flex-wrap:wrap;justify-content:space-around;}.studio-help .samples img{height:120px;margin:10px;width:120px}.studio-help .arrow{font-size:42px;margin:0 21px}.badges{list-style:none;padding:0;}.badges li{display:inline-block;margin:12px}.badges img{height:64px;width:64px}ul.emojis{list-style:none;margin:0 auto;padding:0;}ul.emojis li.emoji{align-items:center;display:flex;}ul.emojis li.emoji .codepoint{font-family:Arial,Helvetica,"Twemoji Mozilla",sans-serif;font-size:4em;margin:0 1em;min-width:80px}ul.emojis li.emoji code{margin:0 1em}.has-games{border-bottom:5px solid #00f}.has-one-tag{border-right:5px solid #ff0}.has-short-desc{border-left:5px solid #f00}.has-emojis{border-top:5px solid #ff69b4}a[data-comments="1"]::before,a[data-comments="2"]::before,a[data-comments="3"]::before{background:#090;color:#fff;content:attr(data-comments);display:block;font-weight:bold;height:20px;position:absolute;width:30px}a[data-commentator="1"]::after,a[data-commentator="2"]::after,a[data-commentator="3"]::after{background:#40e0d0;bottom:0;color:#fff;content:attr(data-commentator);display:block;font-weight:bold;height:20px;position:absolute;width:30px}