@import url('colors.css');

.about-us {
    background-image: url("/img/about-us/about-us-bg.png");

    background-repeat: no-repeat;

    background-attachment: fixed;
    background-position-x: right;
    background-position-y: bottom;

    display: flex;
    flex-direction: column;

    padding: 2.7% 14%;
}

.about-us>div {
    height: 14vh;
}

.about-us .ecom-content-search-field>input {
    width: 25%;
    height: 2.8rem;
    font-size: 1rem;
}

.article {
    width: 60%;
}

.article button {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 42px;

    border: solid 2px var(--layout-bg);
    border-radius: 20px;

    color: var(--layout-bg);
    background-color: var(--unfilled);

    height: 128px;
    width: 309px;

    margin-top: 100px;
    margin-left: 35%;
}

.article button:hover {
    background-color: var(--layout-bg);
    color: var(--layout-text);
}