File Content: _variables.scss :root { /* Font Size */ --font-size-base: 1.25rem; --font-size-12: 0.75rem; --font-size-14: 0.875rem; --font-size-16: 1rem; --font-size-17: 1.094rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-22: 1.375rem; --font-size-24: 1.5rem; --font-size-25: 1.563rem; --font-size-27: 1.688rem; --font-size-32: 2rem; --font-size-35: 2.188rem; --font-size-36: 2.25rem; --font-size-38: 2.375rem; --font-size-50: 3.125rem; --font-size-64: 4rem; --font-size-80: 5rem; /* Line Height */ --line-height-body: 1.7; --line-height-heading: 1.3; --line-height-page-title: 1.1; /* Colors */ --color-black: #000; --color-dark-gray: #999999; --color-gray: #39414d; --color-light-gray: #f0f0f0; --color-green: #d1e4dd; --color-blue: #d1dfe4; --color-purple: #d1d1e4; --color-red: #e4d1d1; --color-orange: #e4dad1; --color-yellow: #fced00; --color-white: #fff; --color-white-30: rgba(255, 255, 255, 0.3); --color-white-90: rgba(255, 255, 255, 0.9); --color-primary: #062a4a; --transition: all 250ms ease-out; --shadow: 2px 5px 20px rgba(0, 0, 0, 0.2); /* Background Color */ --color-background: #191919; --color-secondary-back: #cdb48c; --color-about-back: var(--color-about-back); /* Buttons */ --button--color-text: var(--color-background); --button--color-text-hover: var(--color-secondary); --button--color-text-active: var(--color-secondary); --button--color-background: var(--color-secondary); --button--color-background-active: var(--color-background); // --button--font-family: --font-primary; --button--font-size: --font-size-base; --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); } Submit