* {
    margin: 0;
    padding: 0;
}

:root {
    --body: 'Fauna One', serif;
    --header: 'cinzel', serif;
}

body {
    font-family: var(--body);
    background: lightGreen;
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 95vmax;
    background: transparent;
}

.app-container {
    margin: 0 auto;
    padding: 2%;
    width: 100%;
}

.header-container {
    width: 75%;
    margin: 0 auto;
    padding: 3%;
    background: linear-gradient(125deg, limeGreen,lime, lawnGreen, lime, limeGreen);
    color: honeydew;
    text-shadow: -2px 2px 1px darkGreen;
    font-family: var(--header);
    border-radius: 40px;
    border: 4px outset green;
}

.header i {
    font-weight: bold;
    text-decoration: 1.5px olivedrab underline;
}

.content {
    width: 95%;
    margin: 0 auto;
    margin-top: 3%;
    padding: 2%;
    background: seaGreen;
    border-radius: 25px;
    border: 4px outset lawnGreen;
    text-align: center;
}

h1 {
    font-family: var(--header);
    color: honeydew;
    text-shadow: -2px 2px 1px darkGreen;
    font-size: 330%;
}

h1.intro {
    font-size: 300%;
}

.intro i {
    text-decoration: darkgreen underline;
    font-weight: bold;
}

h2.intro {
    margin-top: 1%;
    font-size: 210%;
    line-height: 45px;
   /* text-shadow: -2px 2px 6px darkGreen;*/
}

h2.intro i {
    text-decoration: darkSlateGray underline;
}

span.intro {
    color: lime;
    text-shadow: -2px 2px 1px darkGreen;
}

p.about-us {
    margin-top: 1%;
}

p.shop-now {
    margin-top: 3%;
}

h1.intro.link {
    width: 75%;
    margin: 0 auto;
    padding: 3% 0;
    background: radial-gradient(green, forestGreen, limeGreen, lime);
    border-radius: 75px;
    border: 4px groove paleGreen;
    cursor: pointer;
}

h1.intro.link:hover {
    background: radial-gradient(lime, limeGreen, forestGreen, green);
    border: 4px groove forestGreen;
}

p {
    font-size: 130%;
    line-height: 30px;
}

div.text-width {
    width: 85%;
    margin: 0 auto;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
    color: honeydew;
}
