:root {
--ps-brand-accent: #E42E2C;
--ps-fg-default: #0D1117;
--ps-bg-default: #ffffff;
--ps-text-base: 16px;
--ps-text-4xl: 36px;
--ps-font-family: 'DM Sans', sans-serif;
}

html, body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
font-family: var(--ps-font-family);
font-size: var(--ps-text-base);
line-height: calc(var(--ps-text-base) * 1.5);
letter-spacing: 0.2px;
font-weight: 400;
color: var(--ps-fg-default);
background-color: var(--ps-bg-default);
}

a {
text-decoration: underline;
font-weight: 500;
color: var(--ps-brand-accent);
transition: all 0.15s ease-in-out;
}

a:hover {
text-decoration: none;
transition: all 0.15s ease-in-out;
}

p {
margin-bottom: .5rem;
}

img {
max-width: 100%;
height: auto;
}

h1 {
font-size: var(--ps-text-4xl);
line-height: normal;
font-weight: 500;
margin-bottom: 1rem;
}

.container {
--ps-gutter-x: 1.5rem;
--ps-gutter-y: 0;

width: 100%;
padding-left: calc(var(--ps-gutter-x) * 0.5);
padding-right: calc(var(--ps-gutter-x) * 0.5);
margin-left: auto;
margin-right: auto;
}

@media (min-width: 576px) {
.container {
    max-width: 540px;
}
}

@media (min-width: 768px) {
.container {
    max-width: 720px;
}
}

@media (min-width: 992px) {
.container {
    max-width: 960px;
}
}

@media (min-width: 1200px) {
.container {
    max-width: 1140px;
}
}

@media (min-width: 1400px) {
.container {
    max-width: 1320px;
}
}

.justify-center {
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
}

.section {
text-align: center;
max-width: 480px;
}

.section img {
max-width: 240px;
}