@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";body,html{margin:0;font-family:Roboto;background:linear-gradient(135deg,#1abc9c,#8e44ad);scroll-behavior:smooth}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.vertical-timeline-container{background-color:#222;width:100%;min-width:100%;margin:0;padding:0;margin:0!important}.vertical-timeline-date-text{color:azure}p.p-vertical-timeline{color:#222;font-size:x-large}.main-navbar{position:fixed;z-index:500;left:0;top:0;right:auto;bottom:0;width:6em;height:100%;border-right:1px solid rgba(255,248,223,.23);background-color:transparent}.navbar-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.nav-main-toggle{display:flex;width:100%;padding-bottom:1.4em;justify-content:center;align-items:center}.nav-main-toggle.w--open{background-color:transparent}.icon{text-align:center}.brand-wrapper{display:flex;width:100%;margin-top:2em;padding-left:0;justify-content:center;align-items:center}.fake-logo{width:2.5em;height:4em;border-radius:999em}.nav-links-wrapper{width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;grid-row-gap:2em;justify-content:flex-start}.nav-link,.nav-links-wrapper{position:relative;display:flex;flex-direction:column}.nav-link{align-items:center;grid-row-gap:.25em;transition:opacity .2s ease;color:#fff8df;font-size:1.2em;text-align:center;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.nav-link:hover{opacity:.55}.nav-link-text.is-chapter{color:rgba(255,248,223,.5);font-size:.5em}.nav-background{position:absolute;left:0;top:0;right:0;bottom:0;width:50%;height:100%}.nav-main-links-wrapper{height:100%}.nav-progress-indicator{position:absolute;left:auto;top:0;right:-1px;bottom:auto;width:1px;height:10vh;background-color:#fff8df}@media screen and (max-width:1170px){.vertical-timeline-element-icon{height:40px;width:40px}.main-navbar{left:0;top:0;right:0;bottom:auto;width:100%;height:6em;border-bottom:1px solid rgba(255,248,223,.23);border-right-width:0}.main-navbar img.img-avatar{margin-right:0;animation:none}.main-navbar .brand-wrapper{margin-top:1vh}.navbar-container{padding-right:6vw;padding-left:6vw;flex-direction:row}.nav-main-toggle{width:auto;padding:.6em 0}.fake-logo{height:3.5em}.nav-links-wrapper{display:none}.nav-link{transform:none;display:flex;justify-content:center;height:3vh;width:4vh}.nav-background,.nav-progress-indicator{display:none}}