@media all and (min-height: 50px) and (max-height: 599px) {
  body {
      font-size: 8px;
    }
}

@media all and (min-height: 600px) and (max-height: 1999px) {
  body{
    font-size: 1.5vh;
  }
}

@media all and (min-height: 2000px) {
  body {
    font-size: 30px;
  }
}

* {
  box-sizing: border-box;
}

html {
  min-width: 1000px;
  min-height: 700px;
}

body {
  font-family: 'Quicksand', sans-serif;
  background-color: black;
  background-image: url("../imagens/two.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

h3{
   color: white;
}

.cartas{
  font-size: 1.7em;
  margin-top: 10%;
  margin-left: 30%;
  width: 420em;
  line-height: 2em;
}
.animacao{
  float: left;
  margin-top: 7%;
  margin-left: 6%;
  padding: 9px;
}

.colecao{
  margin-top: 3%;
  margin-left: 30%;
}

a {
   color:rgb(255,214,131);
   text-decoration:none; 
}
a:visited{
  text-decoration: none;
}
a:hover{
  color: rgb(98,161,212);
}