@font-face {
    font-family: 'Open Sans';
    src: url('../assets/OpenSans-VariableFont_wdth\,wght.ttf');
}

body {
    margin: 0;
    padding: 0;
    background-color: rgb(210, 210, 210);
    font-family: 'Open Sans';
}

.main {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
}

.page-content {
    padding: 0 1rem;
    font-size: 1.15rem;
    flex: 1;
}

.page-content h1 {
    padding: 0.5rem;
    padding-left: 0;
}
.page-content h2 {
    padding: 0 0.5rem;
}
.page-content p {
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
    text-indent: 1rem;
}
hr {
    margin: 0;
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 1.25em;
}

h1 {
    font-size: 2rem;
}
h1, h2, p {
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
}

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

.shopping-cart-icon {
    height: 1.5rem;
}