@import "reset.css";
@import "header.css";
@import "footer.css";

@import "index.css";
@import "job.css";
@import "blog-post.css";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: "DM Sans", serif;
}

h2 {
    font-size: 60px;
    color: #28263e;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 30px;
    }
}

/* Contact Button */
.hero__button {
    display: inline-block;
    text-decoration: none;
    border: none;
    outline: none;
    background: #ff8398;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    transition: background 0.3s ease;
    min-width: 175px;
    cursor: pointer;
}

.hero__button:hover {
    background: #e0484d;
}

.button__white {
    background: #ffffff;
    color: #000000;
}

.work__button {
    text-align: center;
    display: block;
    width: fit-content;
    margin: 40px auto 0px auto;
}