@import url('https://fonts.googleapis.com/css2?family=Kadwa&family=Teko:wght@300;400;500;600;700&display=swap');
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Teko', sans-serif;
}

* {
    font-family: 'Kadwa', serif;
}

.hero {
    background-image: url("../images/hero.jpg");
    height: 37vw;
    background-size: cover;
    background-position: center;
    color: white;
}

.hero-text {
    width: 50%;
}

.hero-text h1 {
    text-shadow: black 0 0 4px;
}

.hero-text p {
    background: orange;
    max-width: max-content;
    text-shadow: black 1px 1px 2px;
}

.social-media {
    opacity: 60%;
    font-weight: bold;
    color: black !important;
    justify-content: center;
    padding: 0 auto;
}

.box50 {
    height: 50px !important;
    width: 50px !important;
    background-repeat: no-repeat;
}


/* 
#about {
    background-image: url('images/about.svg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right center;
} */

.link-img {
    height: 25px;
    width: 25px;
    filter: grayscale(1);
    transition: filter 400ms ease-in-out;
}

.link-img:hover {
    filter: grayscale(0);
}