:root {
  --color-highlight: #ef8a00;
  --color-main: #0d394c;
  --color-text: #959595;
  --color-top: #b27e3d;
  --color-black: #252525;
  --svg-hover: invert(55%) sepia(7%) saturate(4312%) hue-rotate(328deg)
    brightness(106%) contrast(102%);
  --svg-white: invert(1);
  --font-size-base: 1.4rem;
  --white: #fff;
  --black: #000;
  --red: #c33;
  --green: #390;
  --green-light: #e8f5e3;
  --yellow: #d39e00;
  --light: #f3f3f3;
  --blue: #368fff;
  --blue-light: #6098de;
  --blue-black: #252984;
  --purple: #7145be;
  --pink: #e83e8c;
  --indigo: #6610f2;
  --teal: #4aaeae;
  --orange: #fd7e14;
  --orange-light: #ffe9cb;
  --cyan: #17a2b8;
  --gray: #e1e1e1;
  --gray-bold: #959595;
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;

  --gallery-gap: 1.5em;
  --gallery-items-per-row: 1;
  --gallery-items-length: 10;
  --gallery-items-net-height: 5343px;
}