:root {
  --color-bg: #D55672;
  --color-bg-alt: #481620;
  --color-text-main: #481620;
  --color-primary: #afece0;
  --theme-color-title: #ffffff;
  --font-family: "Montserrat";
  --font-family-header: "Montserrat";
  --font-family-list: "Montserrat", Arial;
}
body {
  background: fixed linear-gradient(0deg, #20a39e, #ffba49);
}
h1 {
  font-weight: 600;
  font-size: clamp(2rem, -0.875rem + 8.333vw, 3rem);
  color: var(--theme-color-title);
  margin: 16px 0 7px 0;
}
h2 {
  font-weight: 600;
  font-size: clamp(0.5rem, -0.875rem + 8.333vw, 1rem);
  color: var(--color-text-main);
  margin: 0 0 60px 0;
}
p.section_header {
  font-size: clamp(0.3rem, 0.25rem + 3.3333vw, 1.3rem);
  color: var(--color-text-main);
  font-weight: 600;
  margin-bottom: 10px;
}
footer img {
  width: 300px;
  height: 100px;
  margin-bottom: 30px;
}
footer p {
  font-size: clamp(0.3rem, 0.25rem + 3.3333vw, 1.3rem);
  margin-bottom: 10px;
}
.avatar {
  border: 4px solid white;
}
ul.link-list {
  margin-top: 0px;
}
ul.link-list li a {
  border-radius: 3px;
  background: rgba(193, 202, 242, 0.3);
}
ul.link-list li a:link,
ul.link-list li a:visited {
  border: 4px solid var(--color-primary);
  justify-content: space-around;
}
ul.link-list li a:hover,
ul.link-list li a:focus {
  border: 4px solid var(--theme-color-title);
  background: var(--color-primary);
}
ul.link-list li a img {
  display: none;
}

.social-profile-icon path {
  fill: var(--color-bg);
}

div.content {
  margin-bottom: 40px;
}
footer {
  color: var(--color-text-main);
  margin-top: 60px;
  margin-bottom: 30px;
}