.note{align-items:flex-start;background-color:var(--color-darkest);border-radius:var(--border-radius-md);color:var(--color-lightest);display:flex;flex-direction:column;gap:var(--grid-side-gap-md);padding:var(--spacing-lg)}.note__title{font-family:var(--font-family-primary);font-size:1.5rem;font-weight:500;line-height:1.1}@media screen and (min-width:64.0625em){.note__title{font-family:var(--font-family-primary);font-size:2rem;font-weight:500;line-height:1}}