@import url('./assets/css/variables.css');
@import url('./assets/css/header.css');
@import url('./assets/css/content.css');
@import url('./assets/css/responsive.css');
@import url('./assets/css/footer.css');

* {
    font-family: 'Roboto Mono';
    color: var(--font-primary);
}

html {
  scroll-behavior: smooth;
}

section {
    position: relative;
    z-index: 10;
    scroll-margin-top: 50px;
}
section h2 {
    margin: 90px 0px;
}

.color-secondary {
    color: var(--font-secondary);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-120px);
  transition: all 0.8s ease-out;
}
.reveal-left.active {
  opacity: 1;
  transform: translateX(0);
}

.reveal-right {
  opacity: 0;
  transform: translateX(120px);
  transition: all 0.8s ease-out;
}
.reveal-right.active {
  opacity: 1;
  transform: translateX(0);
}