:root {
  --black: #212121;
  --compliment: #19A6D1;
  --main: #d27619;
  --error: #f22517;
  --white: #FAFAFA;
  --gray: #a0a0a0;
  --headerColor: #030617;
  --footerColor: #030617;
  --backgoundColor: #111828;

  --main-font: Arial, Helvetica, sans-serif;
  --mainContentPadding: 5vw 10vw;
  --main-flex-dir: row;
  --img-max-width: 22vw;
  
  --about-section-width: 40vw;

  --navbarDisplay: block;
  --navbarTextSize: 1em;
  --navbarPosition: static;
  --navbarWidth: default;
  --navbarTop: default;
  --navbarRight: default;
  --navbarPadding: 6px;
  --navElementTransition: default;

  --navdividerDisplay: inline-block;
  --burgerDisplay: none;

  --projectsGridGap: 32px;
  --projectsGridColumn: 1fr 1fr;

  --projectCardTitleFontSize: 1.6em;
  --projectCardDateFontSize: 0.8em;
  --projectCardTextFontSize: 1.2em;

  --footer-display: flex;
  --social-button-size: 36px;
  --social-button-radius: 18px;
  }