body  {
    background-image: url("../img/background.png");
    background-color: #2b2626;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 50%;
}



h1, h2, p {
    font-family: 'Courier New', Courier, monospace;
    background-color: darkgray;
    color: black;
    display: inline-block;
    font-size: 2em;
    border-radius: 3px;
    padding: 0.1em 0.1em 0.1em 0.1em;
    box-shadow: 5px 5px 5px ;
}
 

.welcome {
    text-align: center;
    font-size: 1.90em;
}

.introbox {
    background-image: url("../img/textbg.jpg");
    width: 800px;
    height: 600px;
    padding-right: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%) ;
    box-shadow: 5px 5px 5px ;
    text-align: right;
}

.button {
    display: block;
    background-color: #aa0404;
    padding: 5px 5px;
    font-size: 23px;
    cursor: pointer;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    position: relative;
    border-style: outset;
    border-width: 4px;
    border: seashell;
    margin: auto;
    bottom: 10px;
    transform: scale(1.5);
    box-shadow: 5px 5px 5px ;
  }
  
  .button:hover {
    background-color: #492d9f;
    color: #aa0404;
    transform: scale(2.5);
 }

.sticker {
    position: absolute;
    transform: translateX(-850px) translateY(170px) ;
    text-align: initial;
    transition: transform 2s;
}

.sticker:hover {
    transform: translateX(-850px) translateY(170px) scale(1.5) ;
}

.sticker1 {
    position: absolute;
    transform: translateX(-70px) translateY(520px) scale(1.5) ;
    text-align: initial;
}

.sticker1:hover {
    transform: translateX(-70px) translateY(520px) scale(2.5) ;
}


.yotsuba {
    right: -350px;
    bottom: -600px;
    position: absolute;
    transform: scale(0.2);
    transition: transform 250s;
    z-index: 1;
}
 
.yotsuba:hover {
    transform: translateX(-900px) translateY(500px) scale(2.5) ;
}

.carpet {
    right: 25px;
    bottom: -1px;
    position: absolute;
    transform: scale(1
    .5);
}

.sparkle {
    position: absolute;
    left: -15px;
    top: -15px;
}

.firstp {
}
.secondp {
    position: relative;
    text-align: left;
    left: 100px;
}

.thirdp {

}

.cleanlink {
    text-decoration: none;
    color: black;
}

.cleanlink:hover {
    text-decoration: none;
    color: #aa0404;
}