.welcome{
  display: flex;
  align-items: center;
  justify-content: center;
}


body{
    background-color: bisque;
}

.button{
    background-color: #FF80C4; /* Green */
    height:100px;
    border: 4px double;
    border-color: #F762B2;
    border-radius: 50%;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    font-size: 30px;
    font-family: fantasy;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19)
}
.button:hover{
    background-color: #D566A1;
    transition: 0.3s;
}
a:link{
    color:white;
    text-decoration:none;
  }
a:visited {
    color: white;
  }
summary{
    background-color: #FF80C4; 
    height:40px;
    width:200px;
    border: 4px double;
    border-color:#F762B2;
    border-radius: 10%;
    font-size: 30px;
    font-family: fantasy;
    padding-bottom: 10px;
    box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
img{
  width:200px;
  height:200px;
}

.balloon{
  animation: fly 25s linear infinite;
  top: 0;
right: 0;
position: fixed;
z-index: 999;
pointer-events: none;
}
@keyframes fly {
0% {

  transform: translate(-200%,110vh) rotateZ(0deg);opacity: 1;
}

12.5% {
  transform: translate(120vw,-120%) rotateZ(20deg);
}

25% {
  transform: translate(-200%,50vh) scale(1.75) rotateZ(-20deg);
}

37.5% {
  transform: translate(-200%,-120%) rotateZ(-40deg);opacity: .5;
}

50% {
  transform: translate(100vw,50vh) rotateZ(0deg);
}

62.5% {
  transform: translate(20vw,100vh) rotateZ(20deg);
}
75% {
  transform: translate(200%,100vh) rotateZ(20deg);opacity: .25;
}
87.5% {
  transform: translate(50vw,-200%) scale(1.75) rotateZ(20deg);
}

100% {
  transform: translate(-200%,110vh) rotateZ(0deg);opacity: 1;
}
}

.butterfly{
  animation: fly 30s linear infinite;
  top: 0;
left: 0;
position: fixed;
z-index: 999;
pointer-events: none;
}
@keyframes fly {
0% {

  transform: translate(-200%,110vh) rotateZ(0deg);opacity: 1;
}

12.5% {
  transform: translate(120vw,-120%) rotateZ(20deg);
}

25% {
  transform: translate(-200%,50vh) scale(1.75) rotateZ(-20deg);
}

37.5% {
  transform: translate(-200%,-120%) rotateZ(-40deg);opacity: .5;
}

50% {
  transform: translate(100vw,50vh) rotateZ(0deg);
}

62.5% {
  transform: translate(20vw,100vh) rotateZ(20deg);
}
75% {
  transform: translate(200%,100vh) rotateZ(20deg);opacity: .25;
}
87.5% {
  transform: translate(50vw,-200%) scale(1.75) rotateZ(20deg);
}

100% {
  transform: translate(-200%,110vh) rotateZ(0deg);opacity: 1;
}
}