* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#character{
    width: 300px;
    position: absolute;
    /* left: calc(50% - 150px); */
    /* top: 100px; */
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

h1 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

h2 {
    text-align: center;
}

body{
    width: 100%;
    height: 100vh;
    background-color:#fbe2f2;
}


.move{
    transform: translateY(30px);


}

@keyframes shake {
    0% {translate: 1px 1px; rotate: 0deg;}
    10%{translate: -1px -2px; rotate: -1deg; }
    20%{translate: -3px 0px; rotate: 1deg;}
    30% {translate: 3px 2px; rotate: 0deg;}
    40% {translate: 1px -1px; rotate: 1deg;}
    50% {translate: -1px 2px; rotate: -1deg;}
    60% {translate: -3px 1px; rotate: 0deg;}
    70% {translate: 3px 1px; rotate: -1deg;}
    80% {translate: -1px -1px;rotate: 1deg;}
    90% {translate: 1px 2px; rotate: 0deg }
    100% {translate: 1px -2px;rotate: -1deg;}
        }