:root{--header-height:3rem;--hue:174;--sat:63%;--first-color:hsl(var(--hue),var(--sat),40%);--first-color-alt:hsl(var(--hue),var(--sat),36%);--title-color:hsl(var(--hue),12%,15%);--text-color:hsl(var(--hue),8%,35%);--body-color:hsl(var(--hue),100%,99%);--container-color:#FFF;--h1-font-size:1.5rem;--normal-font-size:.938rem;--tiny-font-size:.625rem;--z-tooltip:10;--z-fixed:100}a{text-decoration-line:none}ul li{list-style:none}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--container-color);z-index:var(--z-fixed);transition:.4s}.nav__menu{position:fixed;bottom:0;left:0;background-color:var(--container-color);box-shadow:0 -1px 12px hsla(var(--hue),var(--sat),15%,0.15);width:100%;height:4rem;padding:0 1rem;display:grid;align-content:center;border-radius:1.25rem 1.25rem 0 0;transition:.4s}.nav__list,.nav__link{display:flex}.nav__link{flex-direction:column;align-items:center;row-gap:4px;color:var(--title-color);font-weight:600}.nav__list{font-size:1.8em;justify-content:space-around}.nav__name{font-size:var(--tiny-font-size)}.nav__icon{font-size:1.5rem}.active-link{position:relative;color:var(--first-color);transition:.3s}.scroll-header{box-shadow:0 1px 12px hsla(var(--hue),var(--sat),15%,0.15)}