*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html,body{width:100%;height:100%;background:#fff;overflow:hidden}main{width:100vw;height:100vh;overflow:hidden}nav{position:fixed;top:0;left:0;width:100%;height:50px;display:flex;justify-content:space-evenly;align-items:center;padding:0 2rem;gap:20px}nav .indicator{flex:1;height:2px;background:#92929292;border-radius:50px;overflow:hidden}nav .indicator .line{border-radius:50px;width:100%;height:100%;background:#000;transform-origin:left}.projects{position:absolute;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:2rem}.projects .title{height:4rem;position:relative}.projects .title h1{text-wrap:nowrap;font-size:3rem;font-weight:300;position:absolute}.projects .description{position:relative;min-height:70px;max-width:800px}.projects .description p{width:700px;letter-spacing:-.0125rem;line-height:1.1;opacity:.8;position:absolute}@media (max-width:900px){nav{gap:5px;padding:.2rem}nav .indicator{width:calc(100vw / 6)!important}.projects{padding:.2rem}.projects .title{height:2rem}.projects .title h1{font-size:1.5rem}.projects .description{width:100vw}.projects .description p{width:100vw;font-size:.5rem}}