body {
  background-color: #96B3AB; 

}


.entrada img {
  width: 550px;
}

.entrada{
  text-align: center;
}
  
.entrada {
  position: relative;
  width: 100%;
  margin: auto;
}

.entrada-img {
  width: 100%;
  height: auto;
}

.boton-enter {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,
-50%);
}
  
.boton-enter img {
  width: 300px;
  height: auto;
  margin-left: -1cm;
}
  
.boton-enter img {
  width: 300px;
  transition: transform 0.2s
ease;
}

.boton-enter img:hover {
  transform: scale(1.08);
}
  
.chibi {
  position: fixed;
  width: 120px;
  right: 20px;
  bottom: 20px;
  transition: transform 0.2s
ease;
}

.chibi:hover {
  transform: translateY(-6px)
rotate(2deg);
}
  
aside {
  border: 2px solid;
  padding: 15px;
  box-sizing: border-box;
}

main {
  border: 2px solid;
  padding: 20px;
  box-sizing: border-box;
}
  
aside h2 {
  text-align: center;
  font-size: 30px;
}

aside a {
  display: block;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  color: #789C9A;
}
  
.layout {
  width: 400px;
  max-width: 90%;
  margin: auto;
}

aside {
  background-color:#496362;
  border: 2px solid black;
  border-radius: 10px;
}

main {
  background-color: #496362;
  border: 2px solid black;
  border-radius: 10px;
}
  
aside a {
  transition: color 0.2s ease,
  transform 0.2s ease;
}

aside a:hover {
  color: #9a8068;
  transform: translateY(5px);
}

body {
  font-family: "Nunito", sans-serif;
}

h1, h2, h3 {
  font-family: "Cherry Bomb One", cursive;
}
  
header h1 {
  text-align: center;
}
  
.dibujito {
  position: absolute;
  left: 0px;
  top: 100px;
  width: 220px;
  height: auto;
}

* {
  cursor: url("cursor.png") 16 16, auto !important;
}