:root {
    --white: rgb(244, 252, 236);
    --lightblue: rgb(218, 229, 252);
    --blue: rgb(151, 177, 230);
    --yellow: rgb(249, 251, 191);
    --black: rgb(85, 85, 82);
}

body {
    background-image: url("BoboBG.png");
    margin: 0;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.MainContainer {
    background: linear-gradient(135deg, #fff9bc, #f4c7de);
    height: 425px;
    width: 345px;
    border: 15px solid var(--blue); 
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 25px;
}

h1 {
   font-family: cursive;
   color: var(--black);
}


p {
    font-family: cursive;
    color: var(--black);
}


h2 {
    font-family: cursive;
    color: var(--black);
}

img {
    height: 125px;
    width: 125px;
    transition: 0.2s;
}

img:hover {
    height: 135px;
    width: 135px;
}

img:active {
    height: 111px;
    width: 111px;
}