@import "../node_modules/bootstrap/scss/bootstrap";

body {
    /* background-color: #1C1C1C; */
    color: #FFFFFF;
    --bs-font-sans-serif: "Open Sans", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
    font-weight: bolder;
    font-family: "Archivo Black", "Open Sans", Arial, Helvetica, sans-serif;
}

p {
    line-height: 1.75em;
}

a {
    --bs-link-color-rgb: #FFFFFF;
    text-decoration: none;
    font-style: italic;
}

.container {
    max-width: 90%;
}

.nav-name{
    font-family: "Archivo Black", "Open Sans", Arial, Helvetica, sans-serif;
}
.nav-link {
    --bs-nav-pills-link-active-color:#1C1C1C;
    --bs-nav-pills-link-active-bg: #cada2c;
    --bs-nav-link-color:#cada2c;
    --bs-nav-link-hover-color:#FFFFFF;
    font-style: normal;
    
}

.btn-primary {
    background-color: #cada2c;
    border-color: #cada2c;
    color: #1C1C1C;
    font-family: "Archivo Black", "Open Sans", Arial, Helvetica, sans-serif;
}

.btn-outline-secondary {
    --bs-btn-color: #cada2c;
    --bs-btn-border-color: #cada2c;
}

#about, #skills, #portfolio {
    margin: 1.5em ;
}

.hero-fade-in {
    transform: translateY(-30px);
    opacity: 0;
    transition: 1.5s;
 }

.fade-in-on-scroll {
    transform: translateY(-30px);
    opacity: 0;
    transition: 1s;
 }

 .fade-in-show {
    transform: translateY(0px);
    opacity: 1;
 }

 .fs-1 {
    font-size: 3.75rem!important;
 }

.carrot_bullet {
    color:#cada2c;
    font-family:  "Archivo Black", "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
}

.skill-icon {
    max-width: 20%;
}

.accordion {
    --bs-accordion-body-padding-x: 0.25rem;
    --bs-accordion-btn-padding-x: 0;
    --bs-primary-bg-subtle: none;
    --bs-primary-text-emphasis: none;
}

.accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cada2c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}