body {
    background: #060606;
    color: rgba(255, 255, 255, .8);

    font-family: 'Roboto Mono', monospace;

    box-shadow: none;
    font-size: 18px;
    letter-spacing: 1px !important;
}

.container{
    max-width: 80%;
}

.container-fluid{
    max-width: 95%;
}


a:hover {
    color: #fff;
    text-decoration: none;
}

.jumbotron {
    background-color: #1a1a1a
}

.bg-dark-menu {
    background-color: rgba(3, 3, 3, 0);
    transition: 0.3s;
}

.bg-dark-menu-later{
    background-color: rgba(3, 3, 3, .8);
}

.menu {
    display: flex;
    align-items: center;
    justify-content: center;    
}

.transition {
    padding: 40px;
    
}

.transition-before {
    padding: 15px;
}

.bg-hs-sec {
    background-color: #1a1a1a !important;
}

.bg-modal {
    background-color: #1a1a1a !important;
}

.nav-link {
    font-size: 18px;
    font-weight: bold;
    transform: scale(1);
    opacity: 0.7;
    -webkit-text-fill-color: #fff;
    transition: .4s;
}

.nav-link:hover {
    opacity: 1;
    transform: scale(1.1);
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.1rem;
    padding-left: 1.1rem;
}

.nav-link-hs {
    color: #FFF;
    background: #141414;
    font-size: 15px;
}
.nav-pills .nav-link {
    border-radius: 0rem;
}

.modal-backdrop.show {
    opacity: 0.8;
}

.dropdown-menu {
    background-color: #000;
    border-radius: 0;
}
.dropdown-item {
    font-size: 16px;
    color: rgb(158 158 158);
}

.dropdown-item:hover {
    background-color: #000;
    color: #fff;
}
/* CLASSES JQUERY */
.tag {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    transition: .6s;
  }
  
.tag-visible {
    opacity: 1;
    transform: translate3d(0,0, 0);
}

.letter::after {
    content: '|';
    opacity: 1;
    margin-left: 2px;
    display: inline-block;
    -webkit-text-fill-color: #c5c5c5;
    animation: blink .7s infinite;
}

.btn {
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 0;
}

@keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }

footer {
    display: flex;
    background-color: #030303;
    padding: 3%;
    width: 100%;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #888;
}

@media(max-width: 992px) {

    .navbar-toggler {
        font-size: 1rem;
        padding: 3px;
    }

    .menu {
        display: flex;
        align-items: center;
        justify-content: center;
        
    }

    .transition {
        padding: 0.5vh;
        
    }
    
    .transition-before {
        padding: 1vh;
    }

    footer {
        font-size: 11px;

        padding: 5%;
    }

}