@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');

html,body{
    margin: 0;
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 0;
    scroll-behavior: auto;
}
.ms-madi-regular {
  font-family: "Ms Madi", cursive;
  font-weight: 700;
  font-style: normal;
}
h1{
  font-size: 100px;
  color: #ff00e6;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  margin: 10px;
}

.minecraft {
    display: block;
    margin: 100px;
    width: 90%;
    /*max-width: 1200px;*/
    height: 90vh;
    border: 3px solid #ff99aa;
    border-radius: 12px;
}
.center{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}


img.cute {
    width: 360px;
}

@keyframes slide-in-bl {
  0% {
    transform: translate(-100%, 100%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.slide-in-bl {
  animation: slide-in-bl 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}

@keyframes slide-in-right {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
	animation: slide-in-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}