/*! Theme Artistfolio v1.0.0 & Persona 2.0 | tailwindcss v4.1.3 */

.avatarMain img {
    border-radius: 50%;
}

.bg-black {
    background-color: #241a22;
}

.text-slate {
    color: #7c7c7c;
}

.honorable-mentions {
    text-transform: uppercase;
    letter-spacing: -2px;
    text-align: center;
    font-size: 52px;
}

.text-black {
    color: #39292e;
}
.border-yellow-400 {
    border-color: #39292e;
}

body {
    font-family: "Mulish";
}

#hero .leading-tight {
    font-size: 60px;
    font-weight: 300;
    color: white;
}

#hero .text-xl {
    font-size: 21px;
    padding-right: 35px;
    font-weight: 100;
}

.font-bold {
    color: #eb4b78;
}

a.font-bold {
    color: black;
}

.bg-yellow-300, .bg-yellow-400 {
    //background-color: #39292e;
    //color: white !important;
    //box-shadow: 0px 3px 3px #00000030;

    //background-color: #eb4b78;
    //color: white !important;
    background-color: #39292e;
    color: white !important;
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .85rem;
    padding-left: .85rem;
}

svg.text-black {
    color: white;
}

.company-logo {
    position: absolute;
    text-align: center;
    height: 4px;
    z-index: 2;
    width: 100%;
    
}
.company-logo img {
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    top: -24px;
    position: relative;
    height: 49px;
    border: 3px solid #39292e;
}

.font-bold {
    color: #39292e;
}

.group .text-stone-500 {
    font-weight: 300;
    font-size: 20px;
    position: absolute;
    top: 273px;
    right: 0;
}

.text-xl.font-bold {
    font-weight: 300;
    font-size: 1.4rem;
}

.badge-container {
    padding: 10px 0;
}

.form-contact-us p, .form-contact-us h2, .form-contact-us .font-bold, .form-contact-us label{
    color: white;
}

.font-contact-us button.bg-yellow-300 {
}
button.py-4 {
    padding: 15px 25px;

}

.footer-links {
    font-size: 12px;
    font-weight: 700;
}

.footer-links span {
    color: #000;
    font-weight: 500;
}

@media screen and (max-width: 1020px) {
    .avatarMain {
        display: none;
    }

    .about-graphic {
        display: none;
    }
}

.section-mentions {
    padding-top: 20vh;
}