a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}video::-webkit-media-controls{display:none;}video::-webkit-media-controls-play-button{}video::-webkit-media-controls-volume-slider{}video::-webkit-media-controls-mute-button{}video::-webkit-media-controls-timeline{}video::-webkit-media-controls-current-time-display{}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{--fontlogo:9vw;--colorsite:#00695c}font-face{font-family:'Sketch Block';src:url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.eot);src:url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.eot?#iefix) format('embedded-opentype'),url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.woff) format('woff'),url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.ttf) format('truetype'),url(http://tangledindesign.com/codepen/fonts/sketch_block-webfont.svg#SketchBlockBold) format('svg')}@font-face{font-family:'Museo 700';src:url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.eot);src:url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.woff) format('woff'),url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.ttf) format('truetype'),url(http://tangledindesign.com/codepen/fonts/Museo700-Regular-webfont.svg#SketchBlockBold) format('svg')}@font-face{font-family:Calluna-Regular;src:url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.eot);src:url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.woff) format('woff'),url(http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.ttf) format('truetype'),url('http://tangledindesign.com/codepen/fonts/Calluna-Regular-webfont.svg#'Comfortaa'') format('svg')}@font-face{font-family:Comfortaa;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/comfortaa/v22/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.parallax1{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:50vh}.parallax{position:relative;overflow:hidden}.ordi{display:none};.layer{width:100%;height:100%}.test{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;justify-content:center}.layer img,.layer video{overflow:hidden;-o-object-fit:contain;object-fit:contain;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layer video{height:50vh;width:auto}.layer img{height:50vh;width:auto}#scene,#scene1,#scene2,#scene3,#scene4,#scene5,#scene6,#scene7,#scene8{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page01,.page02,.page03,.page04,.page05,.page06,.page07,.page08,.page09,.page10,.page11,.page12,.page13,.page14,.page15,.page16,.page17,.page18,.page19,.page20,.page21{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;margin-top:0;padding-top:0;width:100vw;height:80vh;z-index:0!important;background-color:#fff;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100vh;background-color:var(--colorsite);justify-content:center}.pagefin{display:flex;z-index:2;font-size:0.8em;width:100%;height:100vh;padding-bottom:15vh;background-color:var(--colorsite);flex-direction:column;justify-content:center;align-items:center}.peche a{-webkit-transition:color 1s ease;-webkit-transition:font-size 1s ease;transition:color 1s ease;transition:font-size 1s ease;text-decoration:none;color:#fef1ef}.peche a:hover{cursor:pointer;transform:scale(1.1);color:#cbc1bf}.home__center{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;height:100vh;width:70vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@-moz-document url-prefix(){.home__center{width:auto}}@-moz-document url-prefix(){.parallax{width:100%}}.block__en{display:flex;width:15vw;height:100%;padding-left:2vw;justify-content:flex-start;align-items:center}.fr a{-webkit-transition:1s;transition:1s;text-decoration:none;-ms-writing-mode:tb-rl;color:#fef1ef;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;align-self:flex-end}.block__fr{display:flex;width:15vw;height:100%;transform:rotate(180deg);padding-right:8vw;justify-content:flex-end;align-items:center}.fr a:hover{cursor:pointer;color:#cbc1bf}.en a{-webkit-transition:1s;transition:1s;text-decoration:none;-ms-writing-mode:tb-rl;color:#fef1ef;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.en a:hover{cursor:pointer;color:#cbc1bf}.sp{margin-top:2vh}.sp a{-webkit-transition:1s;transition:1s;text-decoration:none;color:#fef1ef}.sp a:hover{cursor:pointer;color:#cbc1bf}.block__en,.block__fr,.sp{font-size:5vw}.en{margin-bottom:20vh}.fr{margin-top:20vh}.hide{opacity:0}.none{z-index:0!important}.animated{-webkit-animation-duration:2s;animation-duration:2s;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.musique{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;float:right;width:100%;margin-top:5px;margin-right:5px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.musique a{margin-left:2vw}#langaudio{position:absolute;z-index:1;bottom:0;width:100%;display:flex;float:left;margin-left:5px;justify-content:space-between;align-items:center}#langaudio a{cursor:pointer}#langaudio a#nextpage{font-size:var(--fontlogo);position:absolute;left:45%;bottom:1vh;color:var(--colorsite);animation:2s upDown ease-in-out infinite}.musique svg{width:calc(var(--fontlogo) - 2vw)}.musique a{cursor:pointer}blockquote{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;width:100%;border-top:2px dotted #858585;border-bottom:2px dotted #858585;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body{font-family:Comfortaa;font-size:16px}.text{width:80%}.desc_book{color:#fff;font-size:3vw;margin-top:7vh}.menu__text,.menu__audio{padding-right:15vw;width:300%;z-index:5;background-color:white;transform:translateX(-55vw);transition:1s;height:8vh}.menu__audio{padding-right:0;padding-left:14vw;transform:translateX(55vw);}.menu__text .textlist,.menu__audio .audiolist{display:flex;justify-content:space-between;width:100%}#menulangue{position:absolute;left:1vw;bottom:2vh;color:var(--colorsite);transition:1s;z-index:15;padding:0 2vw;}#menulangue svg{height: 6vh;width: 6vh;}#menulangue2{position:absolute;right:3vw;bottom:2vh;color:var(--colorsite);transition:1s;z-index:15;}.quote1{padding-right:10px;color:#666;-ms-flex-item-align:start;align-self:flex-start}.quote2{padding-left:10px;color:#666;-ms-flex-item-align:end;align-self:flex-end}.text:first-line{color:var(--colorsite)}.author,.voice{color:#fef1ef}.return{position:absolute;right:5px;bottom:0;float:right}.legal{position:absolute;left:10px;bottom:10px;color:#fef1ef;font-size:.8em}.pagefin #langaudio{display:none}.home{font-size:1.1em;text-align:center}.peche{font-size:10vw}@-moz-document url-prefix(){.home__center{width:50%}}.home__center #container{height:50vh;width:70vw}#sceneUne{display:flex;height:90%}#sceneUne li{height:100%}.en a:hover,.fr a:hover,.sp a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.parallax1{width:100vw;padding:0}.container{width:100vw;max-height:35vh;height:35vh;display:flex;flex-direction:column;justify-content:center;padding:0 10px;-webkit-animation-delay:1.5s;animation-delay:1.5s}blockquote{padding:5px 0}.quote1,.quote2{font-size:3rem;height:20px}.text{font-size:4.5vw}.text:first-line{font:5vw}.text:first-letter{font-size:7vw}.author,.voice{font:.8em Arial;text-align:center;padding-bottom:15px}#langaudio svg{width:8vw;height:6vh}.logo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;height:30px;width:100%;margin-top:5px}.logo img{height:5vh;margin-top:2vh;margin-left:1vw;margin-right:1vw}b{font-weight:700}@keyframes upDown{from{transform:translateY(0)}50%{transform:translateY(-2vh)}}@media screen and (orientation:landscape){:root{--fontlogo:9vh}#menulangue{margin-bottom:1.5%;bottom:-1vh;padding:1vw;}#menulangue svg{height: 4vh;width: 4vh;}.home__center{width:30vw}.test video{margin-top:auto;margin-bottom:auto}#container{grid-area:img;height:100%;max-height:80vh}.container{grid-area:article;width:40vw;height:100%;max-height:100%}.layer video{width:70%;height:95%;}.home__center video{height:50vh;width:auto}.text{font-size:4vh}.text:first-line{font:4.5vh}.text:first-letter{font-size:6vh}.home__center #container{height:55vh;width:30vw}.peche{font-size:4.5vw;margin-bottom:1vh}.desc_book{margin-top:10vh;width:100vw;font-size:1em;display:none}#nextpage-none{opacity:1}.block__en,.block__fr,.sp{font-size:3.5vh;padding:0}.block__fr{justify-content:flex-start}.en{margin-bottom:12vh}.fr{margin-top:12vh}.page01,.page02,.page03,.page04,.page05,.page06,.page07,.page08,.page09,.page10,.page11,.page12,.page13,.page14,.page15,.page16,.page17,.page18,.page19,.page20,.page21{display:grid;grid-template-areas:"img article";grid-template-columns:1fr 1fr;grid-template-rows:auto}.parallax1{width:50vw}.menu__text,.menu__audio{width:40vw;padding:0}}@media screen and (min-height:480px) and (orientation:landscape){.desc_book{opacity:1}#landscape-none{display:block}}@media screen and (min-width:500px){.pagefin{font-size:1.15em;display:grid;grid-template-areas:"banner banner banner" "h1 h3 h4" "h5 h6 h7" "h8 h9 h10" "h11 h11 h11" "logo logo logo";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;justify-content:space-between}.ordi{display:block};.author,.voice{font-size:2vh}.author{grid-area:h1}.voice:nth-child(2){grid-area:h3}.voice:nth-child(3){grid-area:h4}.voice:nth-child(4){grid-area:h5}.voice:nth-child(5){grid-area:h6}.voice:nth-child(6){grid-area:h7}.voice:nth-child(7){grid-area:h8}.voice:nth-child(8){grid-area:h9}.voice:nth-child(9){grid-area:h10}.voice:nth-child(10){grid-area:h11;display: block;width: 100%;}.voice:nth-child(12){grid-area:h13}.logo{grid-area:logo;}.logo img{height:7vh;}}