@import url("https://fonts.googleapis.com/css2?family=Niramit:wght@200&display=swap");

html {
  /* 1rem = 10px */
  font-size: 62.5%;
}

html,
body {
  /* height: 100%; */
  font-family: "Niramit", sans-serif;
  font-display: swap;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: #d5c3c8;
}

body {
  font-size: 1.8rem;
  /* color: #d1d0cc; */
}

h1 {
  font-size: 3.5rem;
}

section {
  /* height: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  /* border: 1px #f00 solid; */
}

main {
  /* border: 1px #ff0 solid; */
  width: 40rem;
  height: 66.5rem;
  display: flex;
  flex-direction: column;

  background-image: url(../_img/fundo.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.headerColumn {
  height: 300px;
  display: flex;
  flex-direction: column;
}

.headerContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  /* color: #f00; */
}

.headerContent div {
  width: 100%;
  text-align: center;
}

.avatar {
  max-width: 22rem;
  margin-top: 5rem;
}

.contentArea {
  display: flex;
  flex-direction: column;
  align-itens: flex-start;
  /* border: 1px #0f0 solid; */
  height: 17rem;
}

.content {
  /* border: 1px #00f solid; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  color: #6f3b80;
  font-size: 1.6rem;
}

.content div {
  width: 100%;
  text-align: center;
  /* border: 1px #000 solid; */
}

.missionText {
  font-style: italic;
  font-size: 1.5rem;
  margin: 1.7rem 9rem;
  line-height: 2rem;
}

.assinatura {
  max-width: 17rem;
}

.footer {
  /* border: 1px #f00 solid; */
  height: 18rem;
  display: flex;
  justify-content: center;
}

.footer a {
  text-decoration: none;
  color: #6f3b80;
}

.btnArea {
  margin-top: 3rem;
  /* border: 1px #f00 solid; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.btn {
  text-align: center;
  background-color: #fff;
  border-radius: 0.5rem;
  margin: 1.5rem;
  padding-top: 1.5rem;
  height: 3.5rem;
  width: 28rem;
  color: #6f3b80;
  font-size: 1.8rem;
  border: 1px #b685c7 solid;
}

.btn a {
  text-decoration: none;
  color: #6f3b80;
}