@import url('https://fonts.googleapis.com/css2?family=Meow+Script&family=Quicksand:wght@300..700&display=swap');


.quicksand-<uniquifier> {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.meow-script-regular {
  font-family: "Meow Script", cursive;
  font-weight: 400;
  font-style: normal;
}


body{
  background-image: url('https://images.unsplash.com/photo-1522124624696-7ea32eb9592c?q=80&w=1469&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
  background-size: cover;
  background-attachment: fixed;
  font-family: "Quicksand", sans-serif;
}

.base{
  padding:20% 0;
}

.card{
  border:none;
  background: none;
}

.titulo{
  font-family: "Meow Script", cursive;
  font-size: 7em;
  text-shadow: 0px 0px 25px #d452ff;  
}

.links a{
  color: white;
  border-left: 1px solid white;
  padding: 0.2em 0.5em;  
}

.links a:first-child{
  border-left: none;
}

.links a:hover{
  color: white;
  text-shadow: 0 0 5px black;
}



.botao-grande{
  height:100%; width: 100%;
  backdrop-filter: blur(1px);
  font-size: 1.2em;
  background-image: linear-gradient(179deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
  border-radius: 0.5em;
  transition-duration: 0.5s;
}

a{
  color: white;
    text-decoration: none;
  text-shadow: 0 0 0;
  transition-duration: 0.5s;
}


.botao-grande:hover{
  height:100%; width: 100%;
  color: white;
  text-shadow: 0 0 5px black;
  background-color: rgba(255,255,255, 0.06);
  backdrop-filter: blur(3px);
  box-shadow: 0px 0px 30px -5px #382f54;
  
}