:root{--primary:#908881;--secondary:#a4896c;--ternary:#dad9d7;--brown:#62523b;--black:#181818;--white:#fff;--grey:#5a5a5a;--bg-color:#f7f7f7}body{overflow-x:hidden}.navbar{-webkit-overflow-scrolling:touch;background-color:var(--primary);align-items:center;padding:20px 80px;display:flex}.navbar::-webkit-scrollbar{display:none}.navbar-content{white-space:nowrap;flex-shrink:0;gap:30px;display:flex}.navbar-brand{flex-shrink:0;margin:5px 0 0;padding:0;font-weight:700;text-decoration:none;color:var(--ternary)!important}.navbar-links{gap:20px;margin:0;padding:0;display:flex}.navbar-links ul{white-space:nowrap;gap:15px;margin:0;padding:0;list-style:none;display:flex}.navbar-links .nav-item{align-items:center;display:flex}.nav-link{color:var(--ternary);white-space:nowrap;font-weight:500;text-decoration:none;position:relative}.navbar .nav-link{padding-bottom:5px;position:relative}.navbar .nav-link.active:after{content:"";background-color:var(--ternary);border-radius:2px;width:100%;height:3px;transition:all .3s;position:absolute;bottom:0;left:0}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .nav-link:focus{color:var(--ternary)}.nav-link:hover{color:var(--brown)}.main-container{height:calc(100vh - 70px);display:flex}.sidebar{background:var(--ternary);width:340px;height:calc(100vh - 70px);padding:25px 0;position:sticky;top:70px;overflow-y:auto}.sidebar h2{color:var(--brown);opacity:.25;text-align:center;margin-bottom:20px;padding:0 20px;font-size:35px;font-weight:800}.year-btn{width:100%;color:var(--brown);opacity:.4;text-align:center;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:24px;font-weight:600;transition:all .2s;display:block}.year-btn:hover,.year-btn.active{color:var(--brown);opacity:1}.content{scroll-behavior:smooth;overflow-y:auto}.content::-webkit-scrollbar{display:none}.year-content{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.milestone-full{object-fit:cover;width:100%}.milestone-item{width:100%;display:inline-block;position:relative}.milestone-text{color:var(--white);width:auto;max-width:400px;position:absolute;top:50%;left:80px;transform:translateY(-50%)}*{box-sizing:border-box;margin:0;padding:0}.milestone-text .year-heading{color:var(--white);margin-bottom:30px;font-size:55px;font-weight:700;line-height:45px}.milestone-text .description{color:var(--white);text-transform:capitalize;line-height:22px}@media (max-width:991px){.navbar{flex-wrap:nowrap}.navbar-links{-webkit-overflow-scrolling:touch}.navbar-links ul{flex-wrap:nowrap}.navbar-links::-webkit-scrollbar{display:none}.main-container{flex-direction:column;height:auto}.sidebar{border-bottom:1px solid #e0e0e0;border-right:none;width:100%;height:auto;padding:10px 0;position:relative;top:0}.sidebar h1{display:none}.year-buttons{flex-flow:row;justify-content:flex-start;padding:0 10px;display:flex;overflow-x:auto}.year-btn{text-align:center;border-radius:5px;flex:none;width:auto;padding:10px 15px}.content{margin-left:0}}@media (max-width:767px){.milestone-text{color:#fff;text-shadow:0 2px 6px #000000b3;padding:10px;position:absolute;top:10px;transform:none}.milestone-text .year-heading{margin-bottom:15px;font-size:25px}.milestone-text .description{font-size:3vw}.sidebar h1{display:none}.nav-link:hover{color:var(--ternary)}}@media screen and (max-width:568px){.navbar{flex-direction:column;align-items:start!important;padding:20px!important}.navbar-brand{margin:5px 0 10px!important}.sidebar h2{text-align:left}.navbar .nav-item{margin:10px 0}.navbar-links{margin:0;padding:0;list-style:none;display:block}}