:root{--color-blue-dark: #2e3364;--color-grey-light-1: #faf9f9;--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--margin-big: 8rem;--margin-medium: 5rem}@media only screen and (max-width: 800px){:root{--margin-big: 5rem;--margin-medium: 3.5rem}}@media only screen and (max-width: 600px){:root{--margin-big: 3rem;--margin-medium: 2.5rem
    }}*{margin:0;padding:0}*,*::after,*::before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 1100px){html{font-size:50%}}@media only screen and (min-width: 1400px){html{font-size:68.75%}}@media only screen and (min-width: 1800px){html{font-size:75%}}body{width:100%;overflow-x:hidden;font-family:'Roboto', sans-serif;font-weight:400;line-height:1.6;color:var(--color-grey-dark-1)}section{padding:15rem 10rem;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 1100px){section{padding:10rem}}@media only screen and (max-width: 800px){section{padding:8rem}}@media only screen and (max-width: 600px){section{padding:5rem}}@media only screen and (max-width: 500px){section{padding:5rem 3rem}}@media only screen and (min-width: 1400px){section{padding:15rem}}@media only screen and (min-width: 1800px){section{padding:15rem 25rem}}h1{font-family:'PT Serif', serif;font-weight:400;text-transform:uppercase;font-size:6rem;line-height:1;letter-spacing:5px}@media only screen and (max-width: 1100px){h1{font-size:5rem}}@media only screen and (max-width: 800px){h1{font-size:3.5rem;letter-spacing:2px}}@media only screen and (max-width: 600px){h1{font-size:3rem;letter-spacing:1px}}@media only screen and (max-width: 500px){h1{font-size:2.5rem;letter-spacing:1}}h2{font-weight:300;text-transform:uppercase;font-size:2.6rem;text-align:center}@media only screen and (max-width: 1100px){h2{font-size:2.4rem}}@media only screen and (max-width: 800px){h2{font-size:2.2rem}}@media only screen and (max-width: 600px){h2{font-size:1.8rem}}@media only screen and (max-width: 500px){h2{font-size:1.6rem}}h3{text-transform:uppercase;font-size:1.8rem;color:var(--color-grey-dark-3);font-weight:300;text-align:center}@media only screen and (max-width: 1100px){h3{font-size:1.7rem}}@media only screen and (max-width: 800px){h3{font-size:1.6rem}}@media only screen and (max-width: 600px){h3{font-size:1.5rem}}@media only screen and (max-width: 500px){h3{font-size:1.4rem}}p{font-size:2.2rem}@media only screen and (max-width: 1100px){p{font-size:2rem}}@media only screen and (max-width: 800px){p{font-size:1.6rem}}@media only screen and (max-width: 600px){p{font-size:1.4rem}}p:not(:last-of-type){margin-bottom:1.5rem}p span{display:block}img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:auto}a{text-decoration:none;color:inherit;font-weight:inherit;transition:all .3s}a:hover{color:var(--color-grey-light-4)}@-webkit-keyframes moveInFromLeft{from{transform:translateX(-10rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes moveInFromLeft{from{transform:translateX(-10rem);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes moveInFromRight{from{transform:translateX(10rem);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes moveInFromRight{from{transform:translateX(10rem);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes moveInFromTop{from{transform:translateY(-10rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes moveInFromTop{from{transform:translateY(-10rem);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes blurOut{from{-webkit-filter:blur(10px);filter:blur(10px);transform:scale(1.1)}to{-webkit-filter:blur(0);filter:blur(0);transform:scale(1)}}@keyframes blurOut{from{-webkit-filter:blur(10px);filter:blur(10px);transform:scale(1.1)}to{-webkit-filter:blur(0);filter:blur(0);transform:scale(1)}}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}.header{min-height:100vh;background-image:url("../img/tlo-min.jpg");background-size:cover;background-position:center;-webkit-animation:blurOut 1.5s ease forwards;animation:blurOut 1.5s ease forwards;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.header__content{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){.header__content{flex-direction:column-reverse}}.header__heading{display:flex;flex-direction:column}.header__cover{width:25rem;margin-left:5rem;-webkit-animation:moveInFromRight 1.5s ease both 1.5s;animation:moveInFromRight 1.5s ease both 1.5s}@media only screen and (max-width: 800px){.header__cover{width:20rem}}@media only screen and (max-width: 600px){.header__cover{margin-left:0;margin-bottom:3rem;width:15rem}}.header__heading-primary{color:var(--color-grey-light-2);-webkit-animation:moveInFromLeft 1.5s ease both 2s;animation:moveInFromLeft 1.5s ease both 2s;text-align:right;line-height:1.2}@media only screen and (max-width: 600px){.header__heading-primary{text-align:center}}.header__heading-primary span{display:block}@media only screen and (max-width: 600px){.header__heading-primary span{display:inline-block}}.header__heading-secondary{color:var(--color-grey-dark-3);-webkit-animation:moveInFromRight 1.5s ease both 2.5s;animation:moveInFromRight 1.5s ease both 2.5s;text-align:right;border-top:1px solid var(--color-grey-dark-3);padding-top:1.5rem;margin-top:1.5rem}@media only screen and (max-width: 600px){.header__heading-secondary{padding-top:1rem;margin-top:1rem;text-align:center}}.header__heading-secondary span{display:block}@media only screen and (max-width: 600px){.header__heading-secondary span{display:inline-block}}.header__button{display:none}@media only screen and (max-width: 600px){.header__button{display:block;margin-top:var(--margin-big);-webkit-animation:fadeIn 1s ease both 2.8s;animation:fadeIn 1s ease both 2.8s}}.header__icon{margin-top:5rem;width:3rem;height:auto;cursor:pointer;-webkit-animation:fadeIn 1s ease both 3s, pulse 2s infinite;animation:fadeIn 1s ease both 3s, pulse 2s infinite}@media only screen and (max-width: 600px){.header__icon{bottom:8rem}}.header__icon #mouse-stroke{stroke:var(--color-grey-light-2)}.header__icon #scroll{fill:var(--color-grey-light-2)}.header__icon #arrow path{fill:var(--color-grey-light-2)}.section__heading-primary{margin-bottom:var(--margin-big)}.section__heading-primary--dark{color:var(--color-blue-dark)}.section__heading-primary--light{color:var(--color-grey-light-2)}.section__heading-secondary{margin-bottom:var(--margin-medium)}.section__heading-secondary--dark{color:var(--color-grey-dark-1)}.section__heading-secondary--light{color:var(--color-grey-light-2)}.book__header{margin-bottom:var(--margin-big)}.book__body{display:flex;margin-bottom:var(--margin-big)}@media only screen and (max-width: 600px){.book__body{flex-direction:column;align-items:center}}.book__cover{display:block;width:30rem;margin-right:5rem}@media only screen and (max-width: 800px){.book__cover{margin-right:3rem}}@media only screen and (max-width: 600px){.book__cover{margin-right:0;margin-bottom:5rem}}.book__description{flex:1 1}.book__buttons{width:100%;display:flex;justify-content:space-around}@media only screen and (max-width: 600px){.book__buttons{flex-direction:column;align-items:center}}.blurb{background-image:url("../img/tlo2-min.jpg");background-size:cover;background-position:center}.blurb__quotation{font-family:'PT Serif', serif;font-weight:400;font-style:italic;font-size:2.5rem;color:var(--color-grey-light-2);margin-bottom:var(--margin-medium);text-align:center}.blurb__signature{color:var(--color-grey-dark-3);text-transform:uppercase;font-size:1.8rem;text-align:center}.blurb__signature span{display:block}.gallery{padding:0;flex-direction:row;justify-content:space-around}@media only screen and (max-width: 600px){.gallery{flex-direction:column;align-items:center}}.gallery__image{width:25%;height:100%}@media only screen and (max-width: 1100px){.gallery__image{width:30%}}@media only screen and (max-width: 600px){.gallery__image{width:90%}}@media only screen and (max-width: 600px){.gallery__image:not(:last-of-type){margin-bottom:2rem}}.author__body{display:flex}@media only screen and (max-width: 600px){.author__body{flex-direction:column;align-items:center}}.author__description{flex:1 1}.author__image{display:block;width:30rem;margin-left:5rem}@media only screen and (max-width: 800px){.author__image{margin-left:3rem}}@media only screen and (max-width: 600px){.author__image{margin-left:0;margin-top:5rem}}.cta{background-image:url("../img/tlo3-min.jpg");background-size:cover;background-position:center;align-items:flex-end;position:relative}.cta__body{width:60%;display:flex;flex-direction:column}@media only screen and (max-width: 500px){.cta__body{width:100%}}.cta__heading{color:var(--color-grey-light-2);text-align:center;margin-bottom:var(--margin-medium)}.cta__buttons{width:100%;display:flex;justify-content:space-around}@media only screen and (max-width: 600px){.cta__buttons{flex-direction:column;align-items:center}}.cta__image{position:absolute;top:-5rem;left:5rem;width:30rem;height:auto}@media only screen and (max-width: 1100px){.cta__image{top:-8rem}}@media only screen and (max-width: 800px){.cta__image{width:20rem;top:-2rem}}@media only screen and (max-width: 600px){.cta__image{top:50%;left:3rem;transform:translateY(-50%)}}@media only screen and (max-width: 500px){.cta__image{display:none}}@media only screen and (min-width: 1400px){.cta__image{width:32rem;top:-7rem;left:7rem}}.old-book__body{display:flex}@media only screen and (max-width: 600px){.old-book__body{flex-direction:column;align-items:center}}.old-book__cover{display:block;width:30rem;margin-left:5rem}@media only screen and (max-width: 800px){.old-book__cover{margin-left:3rem}}@media only screen and (max-width: 600px){.old-book__cover{margin-left:0;margin-top:5rem}}.old-book__description{flex:1 1}.old-book__buttons{width:80%;display:flex;justify-content:flex-end;margin:var(--margin-medium) auto 0}@media only screen and (max-width: 800px){.old-book__buttons{flex-direction:column;align-items:center}}@media only screen and (max-width: 600px){.old-book__buttons{flex-direction:column;align-items:center}}.opinions{background-image:url("../img/tlo4-min.jpg");background-size:cover;background-position:center}.opinions__container{display:flex;justify-content:space-around}@media only screen and (max-width: 600px){.opinions__container{flex-direction:column;align-items:center}}.movies{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start}@media only screen and (max-width: 800px){.movies{flex-direction:column;align-items:center}}.footer{padding:5rem;background-image:url("../img/tlo5-min.jpg");background-size:cover;background-position:center;height:100vh}.navigation__nav{-webkit-animation:moveInFromTop 1.5s ease backwards 3s;animation:moveInFromTop 1.5s ease backwards 3s;position:absolute;top:0;left:0;height:5rem;width:100%;z-index:1;transition:all 0.8s cubic-bezier(0.86, 0, 0.07, 1)}@media only screen and (max-width: 600px){.navigation__nav{height:100vh;width:0;opacity:0}}.navigation__list{list-style:none;display:flex;justify-content:center;align-items:center;height:100%;transition:opacity .3s}@media only screen and (max-width: 600px){.navigation__list{flex-direction:column;opacity:0}}.navigation__item{color:var(--color-grey-light-2);text-transform:uppercase;letter-spacing:2px;font-size:1.4rem;cursor:pointer;line-height:1;padding:0 3rem;transition:all .3s}@media only screen and (max-width: 1100px){.navigation__item{letter-spacing:1px}}@media only screen and (max-width: 800px){.navigation__item{font-size:1.2rem;padding:0 1.8rem}}@media only screen and (max-width: 600px){.navigation__item{font-size:2.2rem}}.navigation__item:not(:last-of-type){border-right:1px solid var(--color-grey-light-2)}@media only screen and (max-width: 600px){.navigation__item:not(:last-of-type){border-right:none;margin-bottom:4rem}}.navigation__item:hover{color:var(--color-grey-light-4)}.navigation__item--orange{color:#f5a235;font-weight:700}.navigation__background{-webkit-animation:moveInFromTop 1s ease backwards 2.8s;animation:moveInFromTop 1s ease backwards 2.8s;position:absolute;top:0;right:0;height:5rem;width:100%;background-color:rgba(15,19,48,0.95);transition:transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);z-index:1}@media only screen and (max-width: 600px){.navigation__background{top:3rem;right:3rem;height:7rem;width:7rem;border-radius:100%;background-color:#0f1330;transform:scale(1);position:absolute}}.navigation__button{-webkit-animation:moveInFromTop 1.5s ease backwards 2s;animation:moveInFromTop 1.5s ease backwards 2s;position:absolute;top:3rem;right:3rem;height:7rem;width:7rem;border-radius:100%;background-color:#0f1330;display:none;transition:all 0.8s cubic-bezier(0.86, 0, 0.07, 1)}@media only screen and (max-width: 600px){.navigation__button{display:block;z-index:5}}.navigation__icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:3rem;height:2px;background-color:white;display:block}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;transition:all .2s}.navigation__icon::before{top:-.9rem}.navigation__icon::after{top:.9rem}.navigation--open .navigation__button{position:fixed}.navigation--open .navigation__button .navigation__icon{background-color:transparent}.navigation--open .navigation__button .navigation__icon::before{transform:rotate(135deg);top:0}.navigation--open .navigation__button .navigation__icon::after{transform:rotate(-135deg);top:0}.navigation--open .navigation__background{transform:translateY(0) scale(40) !important;position:fixed;opacity:1}.navigation--open .navigation__nav{width:100%;opacity:1}.navigation--open .navigation__list{opacity:1}.navigation--hidden .navigation__button{opacity:0;transform:translateY(-5rem)}.navigation--hidden .navigation__nav{transform:translateY(-5rem);opacity:0}.navigation--hidden .navigation__background{transform:translateY(-5rem) scale(1);opacity:0}.navigation--scrolled .navigation__button{position:fixed;opacity:1;transform:translateY(0)}.navigation--scrolled .navigation__nav{position:fixed;transform:translateY(0)}.navigation--scrolled .navigation__background{position:fixed;transform:translateY(0) scale(1);background-color:#0f1330}.button{display:block;text-decoration:none;color:var(--color-blue-dark);text-transform:uppercase;font-size:1.8rem;font-weight:300;padding:1rem 2rem;border:1px solid var(--color-blue-dark);border-radius:5rem;width:25rem;text-align:center;transition:all .3s}@media only screen and (max-width: 800px){.button{font-size:1.4rem;width:21rem}}.button:hover{background-color:var(--color-blue-dark);color:var(--color-grey-light-1)}.button--reverse{color:var(--color-grey-light-1);border:1px solid var(--color-grey-light-1)}.button--reverse:hover{background-color:var(--color-grey-light-1);color:var(--color-blue-dark)}.button--orange{color:var(--color-grey-light-1);background-color:#f5a235;border:1px solid #f5a235}@media only screen and (max-width: 600px){.button:not(:last-of-type){margin-bottom:2rem}}.opinion{width:30%}@media only screen and (max-width: 600px){.opinion{width:100%}}@media only screen and (max-width: 600px){.opinion:not(:last-of-type){margin-bottom:2rem}}.opinion__quotation{font-family:'PT Serif', serif;font-weight:400;font-style:italic;font-size:1.8rem;color:var(--color-grey-light-2);margin-bottom:2rem}.opinion__signature{color:var(--color-grey-dark-3);text-transform:uppercase;font-size:1.6rem}.opinion__signature span{display:block}.movie{width:45%}@media only screen and (max-width: 800px){.movie{width:80%}}@media only screen and (max-width: 600px){.movie{width:90%}}@media only screen and (max-width: 500px){.movie{width:100%}}.movie__content{margin-bottom:var(--margin-medium)}.movie:not(:last-of-type){margin-bottom:var(--margin-medium)}.logo{height:100%;width:20rem;display:flex;flex-direction:column;justify-content:flex-end}.logo__image{display:block;width:100%;height:auto}.animate{transition:all .3s}.popup{position:fixed;top:50vh;left:50vw;transform:translate(-50%, -50%);width:80vw;height:100vh;padding:5rem;background-image:linear-gradient(rgba(15,19,48,0.7), rgba(15,19,48,0.7)),url("../img/tlo-min.jpg");display:none;align-items:center;justify-content:space-around;opacity:0;transition:opacity .3s;z-index:10}@media only screen and (max-width: 800px){.popup{flex-direction:column;justify-content:center;width:100vw}}.popup__cover{width:30%}@media only screen and (max-width: 800px){.popup__cover{width:50%;margin-bottom:var(--margin-medium)}}.popup__content{width:50%;display:flex;flex-direction:column}@media only screen and (max-width: 800px){.popup__content{width:100%;align-items:center}}.popup__content p{color:var(--color-grey-light-1)}.popup__button{margin-top:var(--margin-medium);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.popup__close{position:absolute;top:3rem;right:3rem;width:3rem;height:3rem;color:var(--color-grey-light-1);font-size:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.displayed{display:flex;-webkit-animation:fadeIn .5s ease both 1s;animation:fadeIn .5s ease both 1s}