:root{font-family:Inter,sans-serif}@supports (font-variation-settings: normal){:root{font-family:Inter var,sans-serif}}body{display:grid;justify-content:center;align-content:flex-start;margin-top:3rem;min-height:80vh}@media(max-width:28rem){nav ul{display:none}}[aria-current]{font-weight:600}main{display:flex;flex-direction:column;justify-content:center;max-width:35rem;padding:1rem}@media(min-width:28rem){body{background-color:#f9f9f9}main{padding:2rem 3rem;background-color:#fff;border-radius:1rem;box-shadow:0 14px 40px #9bbaf11a;transition-duration:.5s}main:hover{box-shadow:0 14px 40px #9bbaf14d}}h1{display:inline-block;font-size:1.5rem;background-image:linear-gradient(45deg,#f66680,#f0d776);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration-color:#f98f65}.gradient,.gradient:hover{background-image:linear-gradient(45deg,#f66680,#f0d776);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration-color:#f98f65}p,li{color:#333;line-height:1.8rem;margin-top:0}a{text-decoration:none;color:#26d}a:hover{text-decoration:underline;cursor:pointer}nav ul{list-style-type:none;padding-right:2rem;display:flex;justify-content:end;flex-direction:column;gap:.5rem}nav li a{color:#333;text-decoration-line:underline;text-decoration-thickness:2px}nav li a:hover{text-decoration-thickness:4px}nav li:nth-child(3n+1) a{text-decoration-color:#f66680}nav li:nth-child(3n+2) a{text-decoration-color:#fa9d5d}nav li:nth-child(3n+3) a{text-decoration-color:#f0d776}@media(min-width:28rem){nav ul{flex-direction:row;gap:2rem}}