.bg-primary-500 {
  background-color: #132136; 
}

.bg-secondary-500 {
  background-color: #D52C3B; 
}

.fade-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #132136;
    z-index: 10;
    opacity: 0.5;
}

.border-primary-500 {
  border-color: #132136; 
}

.container-button ::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform:translateY(-50%);
    width: 20%;
    background-color: #132136;
    height: 3px;
}

.container-button ::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform:translateY(-50%);
    width: 20%;
    background-color: #132136;
    height: 3px;
}

.shadow-red {
    box-shadow: 6px -6px 0 red;
}

body {
    background-color: #132136;
    color: #ffffff;
    /* font-family: 'montserrat', montserrat; */
}

.navbar-list--active {
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #132136;
    z-index: 70;
    transition: right 0.3s ease-in-out;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 28px;
    visibility: visible;
    opacity: 100%;
}

@media (min-width: 768px) {
    .container-button ::before,
    .container-button ::after {
        width: 35%;
    }
}