:root{
  /* variables */
  --acme: 'Acme', sans-serif;
--rubik: 'Rubik Glitch', cursive;
  --color-background:#94E3FF;
height: 100%;
  margin: 0;
  padding: 0;

  background-color: var(--color-background);
}
.body{
  display: flex;
  height: 100%;
  justify-content: space-around;
  align-items: center;
  font-family: var(--acme);
}
.title{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
h1{
  font-family: var(--rubik);
  font-weight: lighter;
  font-size: 100px;
  color: #85cbc0;
  letter-spacing: 10px;
  text-align: center;
  text-shadow: -10px 10px 3px #55a3ab;
  /* text-shadow: 10px -10px 3px #55a3ab; */
}

.main{
  /* border:  solid 2px red; */
  width: 30%;
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.main a{
  /* border: solid 2px green; */
  text-decoration: none;
  font-size: 20px;
  color: rgb(25, 25, 94);
  font-weight: bold;
}