:root {
  --azul: #000150;
  --amarelo: #faff82;
}

html, body {
  background-image: url('modo branco.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  cursor: url('cursor1.png'), auto;
  font-family: 'Pixelify Custom', sans-serif;
  font-size: 20px;
  margin-bottom: 50px;
}

@font-face {
  font-family: 'Pixelify Custom';
  src: url(CustomFont.woff2);
}

.box-one {
  margin: auto;
  margin-top: 30px;
  width: 80%;
  border: 2px solid black;
  padding: 25px;
  background: linear-gradient(rgba(8,13,14,0.7), rgba(36,57,76,0.7), rgba(252,232,115,0.7));
  color: #FFFFFF;
  text-shadow: 
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px  1px 0 #000,
    1px  1px 0 #000,
    0px  0px 0px rgba(0,0,0,1);
  paint-order: stroke fill;
  -webkit-text-stroke:4.5px #000;
  text-align: center;
  border-radius: 20px;
}

a {
  color: #FFFFFF;
}

a:hover {
  color: var(--amarelo);
  cursor: url('cursor2.png'), auto;
}

ul {
  text-align: left;
}

.badge-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
}

.copyright {
  color: #ffffff;
  text-shadow: 
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px  1px 0 #000,
    1px  1px 0 #000,
    0px  0px 0px rgba(0,0,0,1);
  paint-order: stroke fill;
  -webkit-text-stroke:4.5px #000;
}