:root {
  --primary-color: #1c0d33;
  /* --primary-color: black; */
  --primary-color-hover: gray;
  /* --link-color: rgb(90, 15, 15); */
  --link-color: rgb(122, 16, 16);
  --link-color-hover: rgb(191, 68, 68);
  /* --secondary-color: #128a76;
    --secondary-color-hover: #3d6b5d; */

  --secondary-color: #0b455c;
  --secondary-color-hover: #5d7986;

  --third-color: rgb(189, 74, 24);
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

:root {
  box-sizing: border-box;
}

*,
::before,
::after {
  box-sizing: inherit;
}

@font-face {
  font-family: "MyCustomFont";
  src: url("../fonts/RobotoSlabRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

.main-content {
  min-height: calc(100vh - 70px - 70px);
  margin-top: calc(70px);
}

body {
  font-family: "MyCustomFont", sans-serif;
}

button {
  font-family: "MyCustomFont", sans-serif;
}

a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-color-hover);
}