html,body{margin:0;padding:0;background-color:#f6fcff;overflow-x:hidden;position:relative}main{background-color:#356D8C;z-index:-1;overflow:hidden}main section{z-index:99;height:100vh}@media only screen and (min-width: 768px){main{max-width:95vw;margin:2.5vw auto 2.5vw;border-radius:2.5vw}main section{height:calc(100vh - 2.5vw)}}canvas{position:fixed;top:0;left:0;max-width:100vw;height:100%;transform-origin:center center}.loader{position:fixed;left:0;top:0;display:flex;justify-content:center;text-align:center;align-items:center;background-color:#356D8C;color:#ffffff;width:100vw;height:100vh;z-index:99999999;transition-duration:500ms}.loader.--loading{opacity:1 !important}.loader:not(.--loading){opacity:0 !important}[data-section-info]{position:relative;margin:0;display:block}[data-section-info] .section-text{color:#fff;font-size:64px;text-align:center;font-weight:900;padding:35vh 0;display:flex;justify-content:center;flex-wrap:wrap}@media only screen and (min-width: 768px){[data-section-info] .section-text{padding:15vh 2vw;font-size:140px}}@media only screen and (min-width: 1400px){[data-section-info] .section-text{padding:35vh 4vw}}.letter,.word{transform-origin:center center;perspective-origin:center;perspective:1000px;position:relative;display:inline-block}.word{margin:0 30px}@media only screen and (max-width: 768px){.word{margin:0 15px}}*{font-family:'Livvic', sans-serif}h1{margin:0}