html{scroll-behavior:smooth}:root{--primary:#131313;--secondary:#FFFFFF;--variant-1:#F0F4F85F}*{margin:0;padding:0;box-sizing:border-box;transition:all 350ms}body{font-family:'Manrope',sans-serif;font-size:14px;max-width:768px;margin-inline:auto;padding:40px 20px;background-color:var(--primary);height:100vh;color:var(--secondary)}h1,h2,h3,h4{line-height:1.2}h3{font-size:24px;margin-bottom:10px}p{color:var(--variant-1);line-height:1.6}a{text-decoration:none}button{border:0;background-color:inherit;cursor:pointer}.text-primary{color:var(--secondary);text-decoration:underline;text-decoration-style:dashed;text-decoration-color:var(--variant-1);text-underline-offset:4px}.height-none{height:0px!important;overflow-y:clip}nav{display:flex;flex-direction:column;justify-content:space-between;gap:20px}nav .section-link--container{display:flex;align-items:center;gap:10px}nav .section-link--container .section-link{line-height:1;padding:8px 16px;display:flex;align-items:center;gap:8px;border-radius:4px;color:var(--secondary)}nav .section-link--container .section-link img{height:18px;width:18px}nav .section-link--container .section-link:hover,nav .section-link--container .section-link[data-state=active]{background-color:var(--variant-1)}nav .social-link--container{display:flex;align-items:center;gap:16px}nav .social-link--container img{height:20px;width:20px}.about{margin-top:40px}.about h2{font-size:40px;margin-bottom:20px}.about ul,.work ul,.achievements ul{color:var(--variant-1);font-size:16px;line-height:1.5;padding-left:20px}.about ul li,.work ul li,.achievements ul li{margin-block:8px}.about,.work,.achievements{padding-bottom:40px}.work .organisation{color:var(--variant-1);font-size:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.work .organisation h4{font-size:20px}.work p{font-size:16px;margin-bottom:10px}.work p #work-wellnessz{cursor:pointer;width:16px;height:16px}.work #work-wellnessz--description{height:auto;transition:height 350ms}@font-face{font-family:'Manrope';src:url(./public/fonts/Manrope/static/Manrope-Regular.ttf) format('ttf');font-weight:400;font-style:normal}@font-face{font-family:'Manrope';src:url(./public/fonts/Manrope/static/Manrope-Medium.ttf) format('ttf');font-weight:500;font-style:normal}@font-face{font-family:'Manrope';src:url(./public/fonts/Manrope/static/Manrope-Bold.ttf) format('ttf');font-weight:700;font-style:normal}@media (min-width:400px){nav{align-items:center;flex-direction:row}}