:root {
  --color-blue: #0b0b24;
  --color-white: #fafafa;
  --color-black: #1e1b1b;
  --color-grey: #5e5d5d;
  --color-red: #c41a1a;
  --color-purple: #8b008b;
  --color-transparent: transparent;

  --header-height: 64px;
  --animation-fade-in: 0.5s ease-in-out fadeInAnimation;
}

html,
body,
.wrapper {
  height: 100%;
  min-height: 100%;
}

body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background-color: var(--color-blue);
  color: var(--color-white);
  cursor: url("../images/cursors/cursor.svg"), auto;
}

.main {
  min-height: 100vh;
  width: 100%;
  max-width: 1440px;
  padding-left: 120px;
  padding-right: 120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}