* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Play", sans-serif;
  background: #0A0E11;
  color: #C3C6CE;
  -webkit-font-smoothing: antialiased;
}

.cards-links img {
  width: 100%;
}

.site-size {max-width: 550px; margin: 0 auto;}

.cards-links ul {margin: 0; padding: 1rem; padding-bottom: 0; padding-top: 2rem; list-style: none;}
.cards-links ul li {margin: 0 0 1rem 0;}
.cards-links ul li:last-child {margin: 0;}

.bio-txt {background: url('../imagens/leobio3.png') top center no-repeat; background-size: auto; padding: 2.5rem 1rem 2rem; text-align: center;}
.bio-txt h3 {margin: 0;}
.bio-txt h1 {color: #FFF; font-size: 3rem; font-weight: 700; margin: 0 0 1.3rem 0; letter-spacing: -2px;}
.bio-txt p {font-size: 1.2rem; margin: 0 0 1.3rem 0;}

@media (pointer: coarse) {

  .cards-links {background: #0A0E11; padding-top: 1rem;}
  .cards-links ul {padding:0;}
  
  .bio-txt {padding-bottom: 1rem;}
  .bio-txt h1 {font-size: 2.5rem;}
  .bio-txt p {font-size: 1rem;}
  
  

}