body{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;margin:0;line-height:normal;color:#111}a{color:#4d00ee;text-decoration:underline;cursor:pointer}footer,header,section{position:relative;max-width:1200px;margin:0 auto}header{max-width:700px}header .description{font-size:20px;line-height:28px;opacity:.7}nav.navigation{position:fixed;font-size:16px;z-index:100;right:0;bottom:8px;left:0}nav.navigation ul{display:flex;justify-content:center;list-style:none;padding:0;margin:0}nav.navigation ul li{padding:0 8px;margin:0}section{border-top:1px solid #000;display:flex;align-items:center;padding:0 74px;height:100vh}section h2{position:relative;font-size:76px;font-weight:700;letter-spacing:1px;margin:0}section:before{position:absolute;content:attr(id);opacity:.6;font-size:16px;top:2px;left:74px}footer,header{padding:40px 80px}section#focus-effect{justify-content:center;text-align:center}section#focus-effect h2{transform:scale(.6);filter:blur(10px);opacity:0;font-size:85px;font-weight:500;letter-spacing:-12px;word-spacing:0;transition-property:all;transition-duration:0ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}section#focus-effect h2.visible{transition-duration:4s;transform:scale(1);filter:blur(0);opacity:1;letter-spacing:2px;word-spacing:8px}section#bar-effect .text{visibility:hidden}section#bar-effect .bar{transition:all .3s ease;background-color:#111;position:absolute;height:100%;width:0;z-index:5;top:0;right:0}section#handwriting-animation #bodymovin{margin:0 auto}section#handwriting-animation svg{width:560px!important;height:auto!important}section#sliding-letters .text{position:relative;overflow:hidden;font-size:84px;display:block;z-index:10}section#sliding-letters .text .letter{transition:top .3s ease;position:relative;top:100%}section#sliding-letters .background-number{position:absolute;transform:scale(2);transform-origin:left center;overflow:hidden;opacity:.1;z-index:5;top:-2px;left:-46px}section#text-trail{background-color:#111;overflow:hidden}section#text-trail:before{color:#fff;opacity:.7}section#text-trail h2{text-transform:uppercase;font-family:Oswald,sans-serif;font-size:100px;font-weight:400;position:relative;display:block;margin:0 auto}section#text-trail h2 span{background-color:#111;line-height:90px;padding-bottom:9px;position:absolute;visibility:hidden;pointer-events:none;top:0;left:0}section#text-trail h2 span.outline{-webkit-text-stroke:1px #fff;color:transparent}section#text-trail h2 span.filled{color:#fff}section#text-trail h2 span.main{position:relative;display:block;pointer-events:auto;z-index:10}section#word-slide-over h2{display:flex;column-gap:16px;flex-wrap:wrap}section#word-slide-over .word{transform:translateY(40%);opacity:0}section#word-slide-over .word.visible{opacity:1;transform:translateY(0);transition:opacity 0ms,transform .2s cubic-bezier(.9,.06,.15,.9)}section#word-selection .word{background-color:transparent;padding:0 10px;display:inline-block;visibility:hidden}section#word-selection .word.selected{background-color:#111;color:#fff}section#typin-effect .cursor{border-left:2px solid #111;display:inline-block;position:relative;height:76px;top:10px;visibility:visible}section#typin-effect .cursor.blink{-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}@-webkit-keyframes blink{0%,to{visibility:hidden}50%{visibility:visible}}@keyframes blink{0%,to{visibility:hidden}50%{visibility:visible}}
/*# sourceMappingURL=https://iagobruno.github.io/ideas-for-title-animation/styles.7e1ff090.css.map */