/* 1. Use um box-sizing mais intuitivo. */
*, *::before, *::after {
  box-sizing: border-box;
}
* {margin: 0 auto;  padding: 0; text-decoration: none; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 1rem;}

/* 2. Remova a margem padrão do body. */
body {
  margin: 0 auto; 
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
}

/* 3. Remova o estilo padrão de listas. */
ul, ol {
  padding: 0;
  list-style: none;
}

/* 4. Torna as imagens responsivas por padrão. */
img, picture, video, canvas, svg {
  max-width: 100%;
}

/*5 Remove Undeline Links*/
a{text-decoration: none;}

button, a {
  cursor: pointer;
}