@font-face{font-family:'Radial Semibold';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Radial-Semibold.woff2) format("woff2"),url(/fonts/Radial-Semibold.woff) format("woff"),url(/fonts/Radial-Semibold.eot) format("eot")}@font-face{font-family:'BLOKK Neue Regular';font-weight:400;font-style:normal;src:url(/fonts/blokkneue-regular-webfont.woff2) format("woff2"),url(/fonts/blokkneue-regular-webfont.woff) format("woff")}@font-face{font-family:'GT America Regular';font-weight:400;font-style:normal;src:url(/fonts/GT-America-Standard-Regular.woff2) format("woff2"),url(/fonts/GT-America-Standard-Regular.woff) format("woff"),url(/fonts/GT-America-Standard-Regular.ttf) format("truetype")}@font-face{font-family:'GT America Medium';font-weight:400;font-style:normal;src:url(/fonts/GTAmerica-Medium.woff2) format("woff2"),url(/fonts/GTAmerica-Medium.woff) format("woff")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}#porn-img{width:48px;height:48px;position:relative;top:5px}body{background-color:#fc3b3b;color:#ffdbdb;padding:0;font-family:"GT America Regular"}body h1{font-family:"Radial Semibold";font-size:100px;font-style:normal;font-weight:600;line-height:104px;letter-spacing:0;text-align:left;margin-bottom:0}body h3{font-family:"Radial Semibold";font-size:35px;font-style:normal;font-weight:600;letter-spacing:0;text-align:left}body p{font-family:"GT America Regular";font-size:48px;font-style:normal;font-weight:400;line-height:58px;letter-spacing:0;text-align:left}body line{opacity:.2}body .grid{background-image:linear-gradient(#4a2d2d 2px,transparent 2px),linear-gradient(90deg,#4a2d2d 2px,transparent 2px);background-size:4vw 4vw}.header{padding:15px 20px;display:flex;flex-direction:row;justify-content:space-between;position:sticky;top:0;z-index:50;margin:0;background:rgba(255,255,255,0)}.header #home-button{background-color:#fff;color:#000;padding:0 10px;height:28px;text-align:center;text-decoration:none;display:inline-block;border-radius:14px;line-height:28px}.header #reports{display:flex;align-items:center}.header #reports .year{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;padding-left:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:10px;color:#fff}.header #reports .year input{position:absolute;opacity:0;cursor:pointer}.header #reports .checkmark{top:0;left:0;height:15px;width:15px;border-radius:50%;border:2px solid #fff;margin-right:10px}.header #reports .year:hover input~.checkmark{background-color:#ff6e6b}.header #reports .year input:checked~.checkmark{background-color:#fff}.chart-desc{display:flex;flex-direction:column;width:75%}.chart-desc p{margin-bottom:0;font-family:"GT America Regular";font-style:normal;font-weight:400;font-size:24px;line-height:29px}.m19{color:#1cf08a}.m19-bg{background-color:#1cf08a}.m19-bg .btn-container a:hover{color:#1cf08a!important}.m19-stroke{border-color:#1cf08a}.cd{color:#3825a6}.cd-bg{background-color:#3825a6}.cd-bg .btn-container a:hover{color:#3825a6!important}.cd-stroke{border-color:#3825a6}.gcc{color:#361616}.gcc-bg{background-color:#361616}.gcc-bg .btn-container a:hover{color:#361616!important}.gcc-stroke{border-color:#361616}.img-block{width:612px;height:539px}.thin{border-width:1px;border-style:solid}.thick{border-width:2px;border-style:solid}.intro{position:relative}.intro #intro-trigger{position:absolute;top:50px;width:100%;height:10px}.intro #trigger-presentation{background-color:#6495ed;position:relative;width:100%;height:10px}.intro #trigger-mail{background-color:#6495ed;position:relative;width:100%;height:10px}.intro #trigger-source{background-color:#6495ed;position:relative;width:100%;height:10px}.intro .intro-title{background:linear-gradient(180deg,#fc3b3b 75%,rgba(252,59,59,0) 100%);z-index:60;padding:0 20px 100px}.intro .intro-title h1{margin-top:0;position:relative;overflow:hidden;height:115px}.intro .intro-title h1 .hide-text{opacity:0;position:absolute;z-index:10}.intro .intro-description{margin:0 20px;width:80%}#data-porn{position:relative;z-index:61;padding:0 20px}.presentation .presentation-title{margin:0 20px}.presentation .presentation-title p.info{color:#ffdbdb;margin-top:0}.presentation div.project{height:100%;min-height:100vh;padding:20px;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.presentation div.project .btn-container{margin:72px auto;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;position:relative;bottom:0;width:100%}.presentation div.project .btn-container a{color:#fff;border:1px solid #fff;text-decoration:none;padding:24px;line-height:48px;font-size:32px;border-radius:50px;transition:background-color .35s}.presentation div.project .btn-container a:hover{background-color:#fff}.presentation div.project .project-basic-info h1{margin:0}.presentation div.project .project-basic-info .time-period{font-family:"GT America Regular";font-style:normal;font-weight:400;font-size:14px;text-transform:uppercase;margin:0}.presentation div.project .project-desc-container{display:flex;flex-direction:row;gap:30px}.presentation div.project .project-desc-container .project-description{flex-grow:2;flex-shrink:2;flex-basis:auto}.presentation div.project .project-desc-container .project-description p{margin:0}.presentation div.project .project-desc-container .img-container{flex-grow:2;flex-shrink:0;flex-basis:40%;align-self:stretch;margin-bottom:30px}.presentation div.project .project-desc-container .img-container img{width:100%;height:100%}.email{margin:0 20px}.email #trigger-mail{position:relative}.email .mail-in-place{display:flex;flex-direction:column}.email .mail-in-place h3{margin-top:0;line-height:normal}.email .mail-in-place .legend-email{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.email .mail-in-place .legend-email div.legend-project{display:flex;justify-content:center;align-items:center;height:32px;border-radius:16px;border:none}.email .mail-in-place .legend-email span{font-family:"GT America Regular";color:#fff;font-size:15px;font-weight:600;font-weight:500;margin:0 2em;line-height:normal;text-align:left}.email .mail-in-place .mail-chart{margin:15px 0;width:100%;height:90vh;position:relative;overflow-x:hidden}.email .mail-in-place .mail-chart .hide-email{background-color:#1cf08a;background:linear-gradient(90deg,rgba(252,59,59,0) 0,#fc3b3b 15%);top:0;right:0;bottom:0;left:0;position:absolute;z-index:10}.email .mail-in-place .mail-chart svg{position:absolute;top:0;right:0;bottom:0;left:0}.email .mail-in-place .mail-chart svg .rect-m19-in,.email .mail-in-place .mail-chart svg .rect-m19-out{fill:#1cf08a}.email .mail-in-place .mail-chart svg .rect-cd-in,.email .mail-in-place .mail-chart svg .rect-cd-out{fill:#3825a6}.email .mail-in-place .mail-chart svg .rect-gcc-in,.email .mail-in-place .mail-chart svg .rect-gcc-out{fill:#361616}.email .mail-in-place .mail-chart svg .axis{font-family:"GT America Regular";text-transform:uppercase}.email .mail-in-place .mail-chart svg .x .domain{opacity:0}.email .mail-in-place .mail-chart svg .x .month-names-out{opacity:0}.email .mail-in-place .mail-chart svg .x .month-names-in{opacity:1}.email .mail-in-place .mail-chart svg .x .tick text{font-size:14px}.email .mail-in-place .mail-chart svg .y .tick text{font-size:14px}.email .mail-in-place .mail-chart svg .text-label{fill:#ffdbdb;font-family:"GT America Regular";text-transform:uppercase;font-size:14px}.coding{margin:0 20px}.coding .source-code-chart{display:flex;gap:30px}.coding .source-code-chart .code-project{flex:1;position:relative}.coding .source-code-chart .code-project h3{line-height:normal;font-size:24px}.coding .source-code-chart .desc{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;color:#fff}.coding .source-code-chart .desc p{font-size:24px;line-height:normal}.coding .source-code-chart .linee{display:flex;opacity:0}.coding .source-code-chart .linee .box{flex:1;overflow-y:hidden}.coding .source-code-chart .linee .box p{font-size:14px;font-family:"BLOKK Neue Regular";line-height:10px}.coding .source-code-chart .linee .box.code-box{margin-right:10px}.coding .source-code-chart .linee .box.style-box{margin-left:10px}.coding .source-code-chart .thick{position:absolute;width:100%;left:0;bottom:0;margin-bottom:-40px}.coding .code-lines{flex:1}.coding .desc-code{margin-right:10px}.coding .desc-style{margin-left:10px}.pixel{margin:0 20px}.pixel .pixel-chart{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.pixel .pixel-chart .chart{display:flex;flex-direction:column}.pixel .pixel-chart .chart h3{font-family:"Radial Semibold";font-weight:600;line-height:32px;letter-spacing:0;text-align:left;margin:5px 0}.pixel .pixel-chart .chart .pixel-desc{display:flex;flex-direction:column}.pixel .pixel-chart .chart .pixel-desc>h3:nth-child(2){color:#fff;font-weight:600;line-height:32px;letter-spacing:0}.pixel .pixel-chart #pixel-m19{flex-direction:column-reverse;align-items:center}.pixel .pixel-chart #pixel-m19 svg{-webkit-animation:orbitAnimation 3s linear infinite;animation:orbitAnimation 3s linear infinite}@-webkit-keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(13px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(13px) rotate(-360deg)}}@keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(13px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(13px) rotate(-360deg)}}.pixel .pixel-chart #pixel-m19 rect.in-node{fill:#1cf08a;stroke:#fc3b3b}.pixel .pixel-chart .mini-bolle{display:flex;flex-direction:column;justify-content:space-around}.pixel .pixel-chart .mini-bolle #pixel-cd{align-items:center;flex-direction:column-reverse}.pixel .pixel-chart .mini-bolle #pixel-cd svg{-webkit-animation:orbitAnimation 2s linear infinite;animation:orbitAnimation 2s linear infinite}@-webkit-keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(4px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(4px) rotate(-360deg)}}@keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(4px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(4px) rotate(-360deg)}}.pixel .pixel-chart .mini-bolle #pixel-cd rect.in-node{fill:#3825a6;stroke:#fc3b3b}.pixel .pixel-chart .mini-bolle #pixel-gcc{flex-direction:column-reverse;align-items:center}.pixel .pixel-chart .mini-bolle #pixel-gcc svg{-webkit-animation:orbitAnimation 2.5s linear infinite;animation:orbitAnimation 2.5s linear infinite}@-webkit-keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(2px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(2px) rotate(-360deg)}}@keyframes orbitAnimation{from{-webkit-transform:rotate(0) translateX(2px) rotate(0)}to{-webkit-transform:rotate(360deg) translateX(2px) rotate(-360deg)}}.pixel .pixel-chart .mini-bolle #pixel-gcc rect.in-node{fill:#361616;stroke:#fc3b3b}.pixel .pixel-chart svg{margin:20px 0}.pixel #legend-pixel{padding-top:35px;margin-bottom:16px;display:flex;flex-direction:row-reverse;align-content:flex-start;justify-content:flex-end}.pixel #legend-pixel span{color:#fff}.countries{background-color:#361616;padding:.67em 20px 40px}.countries button{border:none;color:#ffdbdb;height:32px;padding:0 2em;border-radius:16px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;border:1px solid #ffdbdb;background-color:transparent;cursor:pointer}.countries .active-btn{background-color:#ffdbdb;color:#361616}.countries .disactive-btn{background-color:#361616;color:#ffdbdb}.countries .countries-container{width:100%;height:100%;position:relative;border-right:2px solid #4a2d2d;border-bottom:2px solid #4a2d2d}.countries .countries-container .countries-buttons{display:flex;gap:15px;background-color:transparent;z-index:3;padding-top:20px}.countries .countries-container #countries-chart{position:relative;height:100vh;margin:0}.countries .countries-container #countries-chart svg{position:absolute;top:0;bottom:0;left:0;right:0}.vinyls h1{margin-left:20px;margin-right:20px}.vinyls h3{margin-left:20px;margin-right:20px}.vinyls .chart-desc p{margin-left:20px;margin-right:20px}.vinyls #vinyl-chart{margin:0 20px;height:600px;position:relative;border:3px solid #fff;display:flex;align-items:center;justify-content:center}.vinyls #vinyl-chart svg{position:absolute;top:0;bottom:0;left:0;right:0}.vinyls #vinyl-chart svg .label-text text{font-family:"GT America Regular"}.vinyls .bump-wheel-container{width:100%;height:50vh;overflow:hidden;position:relative;display:flex;justify-content:center}.vinyls .bump-wheel-container svg{width:100vh;height:100vh;overflow:hidden;-webkit-clip-path:circle(50% at center);clip-path:circle(50% at center)}.vinyls .bump-wheel-container svg:hover{cursor:url(/images/20210628_FlatPalm_Colour.svg) 64 64,cell!important}.vinyls .bump-wheel-container .bump-wheel-gradient{width:100%;height:10%;position:absolute;pointer-events:none;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(252,59,59,0) 10%,#fc3b3b 100%)}.final-remarks{border-top:2px solid #ffdbdb;text-align:center;padding:0 20px}.ending{padding-top:.67em;width:100%;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.ending svg{width:50%;flex:3}.ending svg path{fill:#fff}.ending #party-canvas{width:100%;height:100%;position:absolute}.ending .ending-gradient{width:100%;height:10%;position:absolute;top:0;background:#1cf08a;background:linear-gradient(180deg,#fc3b3b 0,rgba(252,59,59,0) 100%);z-index:3}.ending .clear{margin:auto 20px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.ending .clear h3{margin:0;z-index:30;font-family:"GT America Regular";font-size:25px;font-weight:400;color:#ffdbdb;line-height:130%;text-align:center}.ending .clear h3 a{color:#ffdbdb}