*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
    color: #3B3B3B;
}

#root,
#__next {
    isolation: isolate;
}

@font-face {
    font-family: "PolySans-Regular";
    src: url(../learnaboutlunghealth.com/resources/fonts/PolySans-Neutral.otf) format("truetype");
}

@font-face {
    font-family: "PolySans-Bold";
    src: url(../learnaboutlunghealth.com/resources/fonts/PolySans-Median.otf) format("truetype");
}

@font-face {
    font-family: "PolySans-Black";
    src: url(../learnaboutlunghealth.com/resources/fonts/PolySans-Bulky.otf) format("truetype");
}

html,
body {
    width: 100%;
}

header p {
    font-family: "PolySans-Median";
}

button.primary {
    background-color: #DA2F5C;
    color: #FFF;
    font-weight: bold;
    border-radius: 30px !important;
    padding: 12px 24px;
    border: none;
    width: 220px;
    font-family: "PolySans-Median";
    font-size: 1.25em;
}

button.primary:hover {
    background-color: #910033;
    cursor: pointer;
}

h1 {
    font-family: "PolySans-Bulky";
    color:#FFF;
}

h2 {
    font-family: "PolySans-Median";
    color:#29397A;
}

h3 {
    font-family: "PolySans-Median";
    color:#29397A;
}

p {
        line-height: 1.5em;
}

.toggle-content {
    overflow: hidden;
    display: none;
    margin: 1em 0;
}

ul.li{
    list-style-type: disc;
    font-size: 1em;
    font-weight:500;
}

.link {
    color: #29397A;
    text-decoration: underline;
}

.card-link{
    color: #DA2F5C;
    font-weight: bold;
    font-size: 1.25em;
}

#hero{
    background:url(../images/hero.png);
}

#hero p{
    color:#FFF;
}