@import url("assets/css/base.css");@import url("https://use.typekit.net/amf6lmk.css");@import url("assets/css/animate/animate.min.css");html{font-size:62.5%}body{background:#262628;font-family:"sofia-pro",Arial,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:300;color:#fff}a{color:inherit;text-decoration:none}a:hover,a[href*="tel"]{color:inherit;text-decoration:none}p a{text-decoration:underline}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"canada-type-gibson",Arial,sans-serif;font-weight:700;text-transform:uppercase}.display-none{display:none !important}.display-block{display:block !important}#container.no-scrolling{height:101vh;overflow:hidden}header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:101vh}header section{height:200px;text-align:center}header h1{position:relative;z-index:2;font-size:5.2rem}header #loaded-transition{position:absolute;z-index:1;bottom:-110vh;left:0;right:0;height:100vh;background:#9CC83A}header #loaded-transition.animated{-webkit-animation:tiroir 1s ease forwards;animation:tiroir 1s ease forwards}@-webkit-keyframes tiroir{0%{bottom:-110vh}50%{bottom:-10vh}99%{z-index:1;bottom:110vh}100%{z-index:-100;bottom:110vh}}@keyframes tiroir{0%{bottom:-110vh}50%{bottom:-10vh}99%{z-index:1;bottom:110vh}100%{z-index:-100;bottom:110vh}}header #loading{font-size:2.4rem}header #loading figure{margin:16px 0 0 0}header #loading #pourcentage{font-size:1.7rem;color:#9CC83A}header #loaded{display:none;margin-top:20px;font-size:2.4rem}header #loaded .finished{opacity:0}header #loaded .artist{opacity:0;margin-top:10px;font-size:1.7rem}header #instructions{opacity:0;display:none;z-index:0;left:0;right:0;margin:0 auto;font-size:1.4rem;color:#9CC83A}@media (min-height: 600px){header #instructions{display:block;position:absolute;bottom:150px}}@media (min-height: 900px){header #instructions{bottom:250px}}header #instructions i{font-style:normal;text-decoration:underline}header #instructions i:hover{text-decoration:none}header .arrow{overflow:hidden;position:relative;height:60px}header .arrow img{position:absolute;left:calc( 50% - 11px);-webkit-animation:scrolllDown 2s ease infinite 1s;animation:scrolllDown 2s ease infinite 1s}@-webkit-keyframes scrolllDown{0%{top:-60px}100%{top:60px}}@keyframes scrolllDown{0%{top:-60px}100%{top:60px}}header #music{opacity:0;display:none;position:absolute;z-index:0;bottom:36px}main{padding-bottom:500px;height:500vh;background:#9bc82d;text-align:center}main canvas{position:-webkit-sticky;position:sticky;top:0;margin:0 auto;aspect-ratio:1336/752;width:100%;max-width:1336px}footer{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh}footer section{text-align:center}footer h2{font-size:5.2rem}footer section>figure{margin:20px 0}footer .artist{margin-top:10px;font-size:1.7rem}footer .bonus{left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:18px;column-gap:18px}@media (min-height: 300px){footer .bonus{position:absolute;bottom:20px}}@media (min-height: 500px){footer .bonus{bottom:50px}}footer .bonus figure{position:relative}footer .bonus figure .img-list{margin-left:28px}footer .bonus figure .img-playlist{margin-right:24px}footer .bonus figure:hover figcaption{opacity:1;-webkit-transition:all .5s ease;transition:all .5s ease}footer .bonus figure:hover .list{right:28px}footer .bonus figure:hover .playlist{left:24px}footer .bonus figcaption{opacity:0;position:absolute;top:8px;-webkit-transition:all .2s;transition:all .2s;font-family:"sofia-pro",Arial,sans-serif;color:#fff;font-style:normal}footer .bonus figcaption.list{right:0}footer .bonus figcaption.playlist{left:0}
/*# sourceMappingURL=styles.css.map */