.header-top {
background: rgb(31, 32, 34);
background: linear-gradient(
                    0deg,
                    rgba(31, 32, 34, 1) 0%,
                    rgba(50, 54, 55, 1) 100%
            );
}

button.primary-button, a.primary-button {
background: rgb(196, 135, 53);
background: linear-gradient(
                    0deg,
                    rgba(196, 135, 53, 1) 0%,
                    rgba(248, 154, 51, 1) 100%
            );
}

.header-bottom {
background: rgb(115, 108, 89);
background: linear-gradient(
                    0deg,
                    rgba(115, 108, 89, 1) 0%,
                    rgba(184, 174, 150, 1) 100%
            );
}

.intro {
background: rgb(36, 33, 23);
background: linear-gradient(
                    0deg,
                    rgba(36, 33, 23, 1) 0%,
                    rgba(102, 98, 89, 1) 17%,
                    rgba(102, 98, 89, 1) 53%,
                    rgba(36, 33, 23, 1) 100%
            );
}

main section.comments {
margin-top: 2rem;
}

main section.comments div.comment {
margin: 1rem 0;
border-bottom: 1px solid #201106;
}

main section.comments a, main section.comments a:visited {
text-decoration: underline;
}

main section.comments a:before {
content: "link → ";
transition: color 250ms;
}

main section.comments a:hover:before {
color: #ffa500;
}

main section.comments div.comments h3 {
margin-bottom: 2rem;
text-align: center;
text-transform: uppercase;
}

main section.comments input.name, main section.comments textarea.comment {
width: 100%;
margin-bottom: 1rem;
padding: 1rem;
border: 1px solid #e5e5e5;
border-radius: 5px;
font: inherit;
resize: vertical;
}

main section.comments textarea.comment {
height: 10rem;
}

main section.comments p.comment {
font-style: italic;
}

main section.comments p.name {
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}

main section.comments button.send {
width: 100%;
padding: 1rem;
border: 1px solid #e5e5e5;
border-radius: 5px;
background-color: #7a735f;
font: inherit;
font-weight: bold;
text-transform: uppercase;
color: #fff;
cursor: pointer;
transition: filter 250ms;
filter: saturate(1);
}

main section.comments button.send:hover {
filter: saturate(2);
}
