$color_minor: #57cc99;
$color_main: rgba(63, 169, 245, 1);
$color_minortext: #1d3557;
$color_graytext: #3c3c3c;
$color_graytext_clickable: #636363;

$color_nav_item: #455a64;
$color_nav_item_hover: #5e8ea3;

$size_header_height: 2.5rem;
$size_header_pad_topbottom: 0.5rem;
$size_main_content_height: calc(100vh - 3.5rem);
.main_button {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-image: linear-gradient(
    83.2deg,
    $color_main 10.8%,
    $color_minor 94.3%
  );
  color: white;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

.nav_item:hover {
  color: $color_nav_item_hover;
}
.nav_item {
  font-size: 1rem;
  font-weight: 550;
  margin-left: 1rem;
  margin-right: 1rem;
  color: $color_nav_item;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: flex;
}