@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Young+Serif&display=swap');

* {

  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

html {

  font-size: 62.5%;

}

body {

  font-size: 1.6rem;
  line-height: 2.4rem;
  color: hsl(30, 10%, 34%);
  background-color: hsl(30, 54%, 90%);

}

/*** Estrutura ***/

main{

  width: 60%;
  margin: 0 auto;
  border-radius: 15px;
  background-color: hsl(0, 0%, 100%);

}

.container {

  width: 80%;
  margin: 7% auto;

}

img {

  width: 100%;
  margin: 20px auto;

}

.description {

  background-color: hsl(30, 54%, 90%);
  border-radius: 15px;
  border-bottom: none;
  margin: auto 15px;
 
}

section {

  margin: 20px 0;
  border-bottom: 1px solid hsl(30, 18%, 87%);
  padding-bottom: 20px;

}


/*** Tabelas ***/

table {

  margin: 20px;
  padding: 2% 5%;

}

th,td {

  width: 350px;
  height: 50px;
  text-align: left;
  border-bottom: 1px solid hsl(30, 18%, 87%);
  
}

/*** Textos & Listas ***/

h1 {

  font-size: 3.6rem;
  line-height: 5.4rem;
  color: hsl(24, 5%, 18%);
  text-transform: capitalize;

}

h2 {

  font-size: 2.4rem;
  line-height: 3.6rem;
  color: hsl(14, 45%, 36%);
 
}

.margin-15 {
  margin-left: 15px;
 
}

h2.info-description {

  font-size: 2.0rem;
  line-height: 3.6rem;
  color: hsl(332, 51%, 32%);
  margin-bottom: 20px;

}

p, li {

  padding: 4px 20px 5px 10px;

}

ul, ol {

  padding-left: 29px;

}

.outfit-regular {

  font-family: "Outfit", sans-serif;
        font-weight: 400;
        font-style: normal;

}

.young-serif-regular {

  font-family: "Young Serif", serif;
  font-weight: 400;
  font-style: normal;

}

.text-brown {

  color: hsl(14, 45%, 36%);

}

.attribution { font-size: 11px; text-align: center; }

.attribution a { color: hsl(228, 45%, 44%); } 

/*** Responsividade ***/

@media(max-width: 480px) {

  main, .container {

    width: 100%;
    padding: 2%;
    border-radius: 0;

  }
  
  img {

    width: 100%;
    border-radius: 0;
    max-width: 480px;
  
  }

  th,td {

    width: 150px;
    height: 50px;
    border-bottom: 1px solid hsl(30, 18%, 87%);
    
  }

}