.header{display:-ms-flexbox;display:flex;position:fixed;bottom:0;width:100%;-ms-flex-pack:center;justify-content:center;padding:10px}.header-el{margin:0 10px;letter-spacing:1.5px;cursor:pointer}.header-el:hover{text-decoration:underline;color:#a6a6a6;transition:.5s}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:FreightDispProBlack-Regular;src:url(/public/fonts/32C442_0_0.eot);src:url(/public/fonts/32C442_0_0.eot?#iefix) format("embedded-opentype"),url(/public/fonts/32C442_0_0.woff2) format("woff2"),url(/public/fonts/32C442_0_0.woff) format("woff"),url(/public/fonts/32C442_0_0.ttf) format("truetype")}@font-face{font-family:HankenSans-Regular;src:url(/public/fonts/HankenSans-Regular.eot);src:url(/public/fonts/HankenSans-Regular.eot?#iefix) format("embedded-opentype"),url(/public/fonts/HankenSans-Regular.woff2) format("woff2"),url(/public/fonts/HankenSans-Regular.woff) format("woff"),url(/public/fonts/HankenSans-Regular.otf) format("truetype")}@font-face{font-family:FreightDispProMedium-Regular;src:url(/public/fonts/32D492_0_0.eot);src:url(/public/fonts/32D492_0_0.eot?#iefix) format("embedded-opentype"),url(/public/fonts/32D492_0_0.woff2) format("woff2"),url(/public/fonts/32D492_0_0.woff) format("woff"),url(/public/fonts/32D492_0_0.ttf) format("truetype")}*{box-sizing:border-box;font-family:HankenSans-Regular}b{font-weight:700}body,html{margin:0;padding:0}*,:after,:before{box-sizing:inherit}.duck{display:block;width:120px;margin:1.5rem auto}.home-container{width:650px;margin:0 auto;text-align:center}.home-container a{text-decoration:none;color:#000}.main-title{font-family:FreightDispProBlack-Regular;font-size:75px;font-weight:100;margin-top:100px;margin-bottom:10px;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-out;animation-duration:3s;transition:color .5s;line-height:68px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-title:hover{color:#a6a6a6;transition:color .5s}.secondary-title{font-size:18px;letter-spacing:1.2px;margin:30px 0;line-height:24px}.links{margin-top:5px;margin-bottom:5px;border:1px solid #000;padding:3px 8px;display:inline-block}.links a{font-size:14px;font-weight:700;font-weight:100;margin-top:15px;margin-bottom:15px;letter-spacing:1px}.links:hover a{text-decoration:underline;color:#a6a6a6;transition:.5s}.separator{height:3px;width:30px;background-color:#000;margin:15px auto}.chapters-numbers:hover{fill:#a6a6a6;transition:all .5s}.chapters-numbers{font-family:FreightDispProBlack-Regular}.overlay{width:400px;height:400px;border-radius:400px;background-color:hsla(0,0%,100%,.86);color:#000;position:absolute;top:60%;margin-top:-200px;left:30%;margin-left:-200px;text-align:center;opacity:.9}.overlay-esc{cursor:pointer}.overlay.top-right{top:35%;left:70%}.overlay-container{padding:40px 0}.overlay-subtitle,.overlay-title{letter-spacing:1.5px}.overlay-subtitle{width:300px;margin:0 auto}.overlay-separator{height:3px;width:30px;background-color:#000;margin:30px auto}.overlay ul{width:210px;margin:20px auto;line-height:1.5em;font-size:20px;padding:0}.overlay li{font-family:FreightDispProMedium-Regular;list-style:none;cursor:pointer;letter-spacing:1px}.overlay li:hover,.selected{text-decoration:underline}.svgContainer{overflow:scroll;background-color:#f1f2f2;height:100vh}svg{margin:auto}.timeline,.transition{transition:all 1s}.home-link{position:absolute;top:10px;left:20px}.credits-link{left:140px}.credits-link,.spiegazione-link{position:absolute;bottom:10px;z-index:2}.spiegazione-link{left:20px}.credits-link a,.home-link a,.spiegazione-link a{text-decoration:none;font-size:14px;color:#000;letter-spacing:1px;margin-top:5px;margin-bottom:5px;border:1px solid #000;padding:3px 8px}.credits-link:hover a,.home-link:hover a,.spiegazione-link:hover a{text-decoration:underline;color:#a6a6a6;transition:.5s}.svgContainer{overflow:scroll}svg{margin:auto}.esc{position:absolute;top:15px;right:0;cursor:pointer;z-index:5}.esc:hover line{stroke:#a6a6a6}.chapterContainer{width:100%;height:100vh;background-color:#dee0e0}#defaultCanvas0{left:30px}#defaultCanvas0,#defaultCanvas1{width:300px;height:300px;position:absolute;bottom:50px}#defaultCanvas1{right:30px}#defaultCanvas2{top:80px}#defaultCanvas2,#defaultCanvas3{width:300px;height:300px;position:absolute;left:50%;margin-left:-150px}#defaultCanvas3{bottom:0}.chapter-menu{width:100%;text-align:center;position:absolute;top:0;z-index:3;padding:10px 0}.chapter-menu__chapter{width:100%;font-size:22px;letter-spacing:.5px;font-family:FreightDispProBlack-Regular}.chapter-menu__title{width:100%;font-size:22px;letter-spacing:1px;font-family:FreightDispProMedium-Regular}.chapter-menu__separator{height:3px;width:30px;background-color:#000;margin:30px auto;position:absolute;z-index:3;top:50px;left:50%;margin-left:-15px}.hover-phrase{font-size:42px;line-height:38px;font-family:FreightDispProBlack-Regular;color:#fff;text-shadow:0 0 3px #888;opacity:0}.black:hover .hover-phrase.hover-phrase-3,.blu:hover .hover-phrase.hover-phrase-2,.green:hover .hover-phrase.hover-phrase-1,.red:hover .hover-phrase.hover-phrase-0{opacity:1;transition:opacity 1s;pointer-events:none}.chapter-menu__left{left:10%}.chapter-menu__left,.chapter-menu__right{position:absolute;top:25px;cursor:pointer;z-index:4}.chapter-menu__right{right:10%}.home-link{position:absolute;top:10px;left:20px;z-index:5}.credits-link{left:140px}.credits-link,.spiegazione-link{position:absolute;bottom:10px;z-index:2}.spiegazione-link{left:20px}.credits-link a,.home-link a,.spiegazione-link a{text-decoration:none;font-size:14px;color:#000;letter-spacing:1px;margin-top:5px;margin-bottom:5px;border:1px solid #000;padding:3px 8px}.credits-link:hover a,.home-link:hover a,.spiegazione-link:hover a{text-decoration:underline;color:#a6a6a6;transition:.5s}.main{width:100%;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.spiegazione-container{width:700px;height:500px}.spiegazione{width:100%;height:100vh;top:-100vh;opacity:0;display:-ms-flexbox;display:flex;text-align:center;position:absolute;transition:all 1s;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.spiegazione-active{top:0;opacity:1}.spiegazione-title{font-family:FreightDispProBlack-Regular;font-size:50px;font-weight:100;margin-top:10px;margin-bottom:10px;line-height:55px}.spiegazione-subtitle{font-size:20px;font-weight:100}.spiegazione-secondary-title{font-size:26px;letter-spacing:1.5px;font-weight:100;text-decoration:underline}.spiegazione-paragraph{font-size:26px;font-weight:100;margin-top:50px;letter-spacing:1.5px;font-family:FreightDispProMedium-Regular}.spiegazione-image img{width:700px}.arrow-title{position:absolute;bottom:50px;letter-spacing:1.5px}.arrow-down{bottom:20px}.arrow-down,.arrow-up{position:absolute;cursor:pointer}.arrow-up{top:20px;transform:rotate(180deg)}.arrow-down:hover polyline,.arrow-up:hover polyline{stroke:#a6a6a6;transition:color .5s}.home-link{position:absolute;top:10px;left:20px;z-index:5}.credits-link{left:140px}.credits-link,.spiegazione-link{position:absolute;bottom:10px;z-index:2}.spiegazione-link{left:20px}.credits-link a,.home-link a,.spiegazione-link a{text-decoration:none;font-size:14px;color:#000;letter-spacing:1px;margin-top:5px;margin-bottom:5px;border:1px solid #000;padding:3px 8px}.credits-link:hover a,.home-link:hover a,.spiegazione-link:hover a{text-decoration:underline;color:#a6a6a6;transition:.5s}.selected{text-decoration:underline!important}.credits{width:100%;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.credits-1{width:700px;height:500px;text-align:center}.credits-title{font-family:FreightDispProBlack-Regular;font-size:50px;font-weight:100;margin-top:50px;margin-bottom:10px;line-height:55px}.credits-subtitle{font-size:20px;font-weight:100;letter-spacing:1px}.credits-paragraph{font-size:26px;font-weight:100;margin-top:50px}.home-link{position:absolute;top:10px;left:20px;z-index:5}.credits-link{left:140px}.credits-link,.spiegazione-link{position:absolute;bottom:10px;z-index:2}.spiegazione-link{left:20px}.credits-link a,.home-link a,.spiegazione-link a{text-decoration:none;font-size:14px;color:#000;letter-spacing:1px;margin-top:5px;margin-bottom:5px;border:1px solid #000;padding:3px 8px}.credits-link:hover a,.home-link:hover a,.spiegazione-link:hover a{text-decoration:underline;color:#a6a6a6;transition:.5s}.selected{text-decoration:underline!important}