* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}

img {
  max-width: 100%;
}

:root {
  /* Colors */
  --light-color: 255, 255, 255;
  --grey-color: 217, 217, 214;
  --black-color: 0, 0, 0;
  --projects-color-text: 29, 30, 32;
  --black-color-text: 29, 30, 32;
  --red-color: 242, 85, 90;
  --contact-color-text: 13, 19, 26;

  /* Fonts */
  --primary-font: "Proxima Nova";

  /* Background-Colors*/
  --background-color-header: 41, 41, 38;
  --background-color-footer: 145, 47, 70;
  --background-color-projects: 217, 217, 214;

  /* Layout */
  --container-size: 1120px;

  /* Swiper */
  --swiper-pagination-color: white;
}

.main {
  font-family: var(--primary-font);
  color: rgb(var(--black-color-text));
}