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

@import url('input.css');
@import url('product.css');
@import url('product-gallery-tile.css');
@import url('topbar.css');
@import url('footer.css');
@import url('color-circle.css');
@import url('color-square.css');
@import url('variant-selectors.css');
@import url('recommended-product.css');

body {
    font-family: 'Public Sans';
    margin: 0;
}

input, textarea, select {
    padding: 4px 8px;
    border-radius: 4px;
    font-family: 'Public Sans';
}

input[type='text'], input[type='password'], input[type='number'] {
    border: solid 1px lightgray;
}

select {
    cursor: pointer;
}

form {
    width: 70%;
    display: inline-block;
}

form > div {
    margin-bottom: 16px;
}

form > div > label {
    display: inline-block;
    width: 140px;
}