* {
    --linkedin-blue: #0e76a8;
}

body {
    margin: 0;
}

.navbar {
    background-color: black;
    color: white;
    display: grid;
}

#header {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#header div {
    display: flex;
    gap: 0.5vw;
    color: white
}

#header a {
    color: white;
    text-decoration: none;
}

#email-div>div:first-child,
#phone-div>div:first-child,
#header h1,
h3 {
    color: orange;
}

img
{
    
    width: auto;
    height: 13vh;
    object-fit: cover;
    margin-right: 1.5vw;
    
    
}


.container h3 {
    display: grid;
    place-content: center;
}

.weight {
    font-weight: bold;
}

.container {
    display: grid;
    background-color: white;
    margin: 0 5vw;
    padding: 2rem;
    word-wrap: break-word; /* Allow long words to break */
      }


.badges {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 50%;
    }

#skills ul,
#experience ul,
#education ul,
#projects ul {
    display: grid;
    gap: 0.5rem;
}

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

.vertical-gap {
    display: grid;
    gap: 1rem;
}


#footer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.Counter
{
    color: white;


}
.button {
    background-color: var(--linkedin-blue);
    color: White;
    padding: 1.25em;
    text-decoration: none;

}

.bg-orange {
    background-color: orange;
}