body{
  background-color: rgb(0, 0, 0);
  color: white;

}

  a:link, a:visited {
    color: #00BFFF; /* azul-ciano para link */
    text-decoration: none;
  }

  a:hover {
    color: #FFA500; /* laranja ao passar o mouse */
    text-decoration: underline;
  }

  a:active {
    color: #32CD32; /* verde quando clicado */
  }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
}

#AJ {
  background-color: rgba(0, 149, 255, 0.149);
}

.card {
  display: flex;
  align-items: center;
  gap: 15px;

  border: 2px solid #00BFFF;
  border-radius: 20px;
  padding: 15px 20px;

  width: fit-content;
  background: #f5f5f500;
}

.icon {
  width: 60px;
  height: 60px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  background: #ffffff00;
}

.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text {
  font-size: 22px;
  letter-spacing: 1px;
}