@charset "UTF-8";

:root {
  --bs-primary: #404040;
  --bs-secondary: #ae1414;
  --bs-primary-rgb: 64, 64, 64;
  --bs-secondary-rgb: 174, 20, 20;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-secondary);
}

.navbar-toggler {
  border: none;
}

h2, .h2 {
  font-size: calc(2rem + 2.7vw);
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}

.list-inline-item {
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 1rem;

  &:hover {
    i, h6, path {
      color: var(--bs-secondary);
    }
  }
}

@media (min-width: 992px) {
  #sideNav .navbar-brand .img-profile {
    max-width: 12rem;
    max-height: 12rem;
    border: 0.3rem solid rgba(var(--bs-secondary-rgb), 1);
  }
}

.social-icons .social-icon:hover {
  background-color: var(--bs-secondary);
}

section.resume-section .resume-section-content {
  width: 100%;

  h2 {
    color: var(--bs-secondary);
  }

  .img-profile {
    max-width: 50vw;
    display: block;
    margin: 0 auto;
    border: 0.3rem solid rgba(var(--bs-secondary-rgb), 1);
  }
}