[class^=scene-]{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:1.5s;z-index:80;pointer-events:none}[class^=scene-].visible{opacity:1;pointer-events:all}[class^=trigger-]{background:#fff;width:max(2.6041vw,4.6295111111vh);height:max(2.6041vw,4.6295111111vh);border-radius:50%;opacity:1;position:absolute;z-index:90;cursor:pointer;transition:.15s;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(../img/logo-theater-des-lachens.5dc0962f.svg);background-position:50%;background-size:cover}[class^=trigger-].pulse{width:150px;height:150px;opacity:0}[class^=trigger-]:hover{width:75px;height:75px}.font-hl{font-family:Amatic SC,cursive}.font-rt{font-family:Open Sans,sans-serif;font-size:18px;line-height:1.6em;color:#595a54}.scene-piano .keys{position:fixed;width:100%;bottom:1%}.scene-piano .keys .key{display:inline-block;width:5.88235vw;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:scale(1);pointer-events:none}.scene-piano .keys .key img{cursor:pointer;transition:.35s;pointer-events:all;position:relative;z-index:1}.scene-piano .keys .key img:hover{transform:scale(.95)}.scene-piano .keys .key img:not(.black){height:max(24.6vw,43.7333333333vh)}.scene-piano .keys .key .black{position:absolute;width:max(3vw,5.3333333333vh);height:max(16.9275vw,30.0933333333vh);margin-left:min(0,0);margin-top:max(6.2vw,11.0222222222vh);transform:translate(-50%,-50%) scale(1);z-index:2}.scene-piano .keys .key .black:hover{transform:translate(-50%,-50%) scale(.95)}.scene-piano .keys .key img{width:100%}.scene-piano .keys .key .play-icon{width:max(1.5vw,2.6666666667vh);margin-left:min(0,0);margin-top:max(5vw,8.8888888889vh);position:absolute;top:50%;left:50%;z-index:1;color:#333;z-index:3;transform:translate(-50%,-50%)}.scene-piano .keys .key .play-icon.b{top:-20px;left:100%;color:#ddd;margin-left:min(0,0);margin-top:max(2vw,3.5555555556vh)}