:root {
  --black: #000000;
  --lightblue: #F6F9FC;
  --red: #d64041;
}
 
a,
a:hover {
  color: inherit;
}
 
a:hover {
  text-decoration: none;
}
 
.bg-lightblue {
  background: var(--lightblue);
}
 
.bg-red {
  background: var(--black);
}
 
.text-red {
  color: var(--black);
}
 
.container-fluid-max {
  max-width: 1440px;
}
 
.cover {
  background: no-repeat center/cover;
}
 
.p-15 {
  padding: 15px;
}

.scroll .page-header {
  background: var(--black);
}
 
.page-header {
  transition: background 0.5s ease-in-out;
}
 
.page-header .navbar {
  padding: 1rem 0;
}
 
.page-header .navbar-toggler {
  border-color: var(--white); 
}
 
@media screen and (max-width: 991px) {
  .page-header {
    background: var(--black);
  }
}

.scroll .hero {
  transform: scale(0.995);
}
 
.hero {
  background-attachment: fixed;
  transition: transform 0.5s ease-in-out;
}
 
.hero::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
}
 
.hero .container-fluid {
  z-index: 10;
}

body {
background:#000000;
}

#about-me {
  background: #24242a;
  padding: 60px 0;
  text-align: center;
  }