@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@700&display=swap');
@import url("/assets/fa/css/all.min.css");

body {
  --accent: #1abc9c;
  margin: 0;
  padding: 80px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}

#avatar {
  border-radius: 50%;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  width: 320px;
  height: 320px;
}

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: var(--accent);
}

p {
  font-family: 'Merriweather';
}

a,
a:visited {
  color: var(--accent);
}

#content {
  max-width: 500px;
  padding: 0 80px;
}

.socials {
  color: var(--accent);
  font-size: 32px;
  display: flex;
  padding-top: 20px;
}

.social {
  text-decoration: none;
  color: var(--accent);
  padding-right: 16px;
}

.social:visited {
  color: var(--accent);
}