.red {
    /* background-color: red; */
    border: dashed red 1px;
}

a {
    text-decoration: none;
    color: #C8C8C8;
    transition: color 0.2s;
}

a:hover {
    text-decoration: none;
    color: #646464;
    transition: color 0.2s;
}

html, main {
    /* height: 3000px; */
    background-color: #17191a;
    color: #acacac;
    scroll-behavior: smooth;
}

nav {
    background-color: #1d1d1d;
    color: #acacac;
}

.navbar {
    padding: 0;
}

.no-decoration {
    text-decoration: none;
}

.no-decoration:hover {
    text-decoration: none;
    color: inherit;
}

.btn-custom {
    color: inherit;
    background-color: inherit;
    border-color: #acacac;
}

.btn-custom:hover {
    border-color: #646464;
    color: #646464;
}

.btn-link {
    color: inherit;
}

.btn-link:hover {
    border-color: inherit;
    color: inherit;
}

.vh-90 {
    height: 90vh;
}

.light-black {
    background-color: #17191a;
}

.dark-black {
    background-color: #131313;
}

.h-35 {
    height:35%!important
}

.h-25 {
    height:25%!important
}

.w-35 {
    width:35%!important
}

.w-75 {
    width:75%!important
}

.text-justify {
    text-align: justify;
}

.text-right {
    text-align: right;
}

.align-middle {
    vertical-align: middle;
}

/* Oui */

.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.scrolled-down{
   transform:translateY(-100%); transition: all 0.2s ease-in-out;
}
.scrolled-up{
   transform:translateY(0); transition: all 0.1s ease-in-out;
}

/* Projects */
.projectTitle {
    font-size: 4em;
}

#Projects .nav-tabs {
    border: none;
}

#Projects .nav-link {
    background-color: inherit;
    border: none;
}

#Projects .nav-link:hover {
    background-color: #101010;
    color: #646464;
}

#Projects .nav-link.active {
    background-color: #17191a;
    color: inherit;
}

/* Carousel */

.carousel-item .image-div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#carouselWild {
    background-image: url("../images/Wild_poster.png");
}

#carouselSharkTap {
    background-image: url("../images/SharkTap_Poster.png");
}

#carouselEatman {
    background-image: url("../images/Eatman_poster.png");
}

#carouselBurnnut {
    background-image: url("../images/Burnnut_poster.png");
}

#carouselMHF {
    background-image: url("../images/MHF_poster.png");
}

#carouselDollstory {
    background-image: url("../images/Dollstory_poster.png");
}

#carouselPumpkid {
    background-image: url("../images/Pumpkid_InsightKnight.png");
}

#carouselOOT {
    background-image: url("../images/OOT_Poster.png");
}