@import url("css.css");

body {
    color: #321c61;
    font-size: 22px;
    font-weight: normal;
    font-family: "Patrick Hand", sans-serif;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Londrina Sketch', sans-serif;
    font-style: normal;
    line-height: 1.3;
}

.h1, h1 {
    font-size: 3.2rem;
}

.h2, h2 {
    font-size: 2.5rem;
}

strong {
    font-weight: 900;
}

a {
    color: #e49b43;
}

a > img {
    margin-right: 12px;
}

a:hover {
    color: #f03755;
}

a span {
    background: #FFF;
    display: block;
    padding: 5px 15px;
    border-radius: 5px;
    border: 2px solid #000;
}

a:hover {
    box-shadow: 0 2px 0 #000, 0 2px 0px 2px #f03755;
}
a:active {
    top: 4px;
    padding-bottom: 0px;
    box-shadow: 0 1px 0 #000;
}
a {
    display: inline-block;
    position: relative;
    font: normal 22px/25px "Patrick Hand", sans-serif;
    margin-right: 10px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    padding-bottom: 3px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #000;
    transition: padding 0.1s, box-shadow 0.1s, top 0.1s;
    background-image: url('data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==');
}

.footer-divider {
    height: 6px;
    box-shadow: 0 2px 0 #000;
    background-image: url('data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==');
}

footer {
    padding: 16px 0;
}

img {
    max-width: 100%;
}

p {
    line-height: 1.8;
    word-spacing: 4px;
}

code {
    color: #dc8756;
}

section, .section {
    padding: 64px 0;
}

.logo {
    max-width: 80px;
}

.logo-text {
    position: relative;
    font-size: 36px;
    font-family: 'Londrina Sketch', sans-serif;
    margin-left: 12px;
}

.logo-text:after {
    content: '';
    background: url("../images/lines.png");
    height: 40px;
    width: 110%;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    opacity: 0.35;
}

.arrow {
    height: 96px;
    opacity: 0.35;
}

.text-sm {
    font-size: 14px !important;
}

.text-md {
    font-size: 18px !important;
}

.text-lg {
    font-size: 18px !important;
}

.text-xlg {
    font-size: 26px !important;
}

.text-normal {
    font-family: 'Inter', sans-serif;
}

.header .hero {
    margin-top: 100px;
    min-height: 100vh;
}

@media (max-width: 768px) {
    section {
        padding: 32px 0;
    }

    .header .hero {
        margin-top: 60px;
    }
}

.header .hero h1 {
    color: #fff;
    font-size: 56px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .header .hero h1 {
        line-height: 1.5;
    }
}

.hero .hero-title {
    color: #6A9746;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.4;
    margin-bottom: 24px;
    letter-spacing: 0.095em;
    text-transform: uppercase;
}

.header .hero .hero-image {
    position: relative;
    max-width: 100%;
    z-index: 1;
}

.history {
    background-color: #fff;
}

.card {
    border: none;
}

.scratch {
    position: relative;
}

.scratch.scratch-1:after {
    content: '';
    position: absolute;
    background: url(../images/s1.png);
    background-repeat: no-repeat;
    width: 73px;
    height: 24px;
    top: 0;
    left: -16px;
}

.scratch.scratch-2:after {
    content: '';
    position: absolute;
    background: url(../images/s2.png);
    background-repeat: no-repeat;
    width: 64px;
    height: 10px;
    top: 10px;
    left: 0;
}

.scratch.scratch-3:after {
    content: '';
    position: absolute;
    background: url(../images/s3.png);
    background-repeat: no-repeat;
    width: 117px;
    height: 12px;
    top: 10px;
    left: -8px;
}

.scratch.scratch-4:after {
    content: '';
    position: absolute;
    background: url(../images/s4.png);
    background-repeat: no-repeat;
    width: 54px;
    height: 17px;
    top: 10px;
    left: -10px;
}

.scratch.scratch-5:after {
    content: '';
    position: absolute;
    background: url(../images/s5.png);
    background-repeat: no-repeat;
    width: 67px;
    height: 22px;
    top: 10px;
    left: -10px;
}