@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --primary-color: #ce2127;
  --primary-color-hover: #ac1d22;
  --accent-color: #ff735c;

  --main-font: "Montserrat", sans-serif;
}

body {
  font-family: var(--main-font);
}

main {
  height: calc(100vh - 132px);
  max-height: 100%;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}

.btn-primary:hover {
  background-color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}

.hover-up {
  transition: all 0.4s;
}

.hover-up:hover {
  transform: translateY(-10px);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.main-logo {
  height: 80px;
  width: auto;
}