body {
    background-image: linear-gradient(aquamarine, green);
    height: 100vh;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    background-color:rgba(225, 225, 225, 0.5);
    background-blend-mode:lighten;
}

h2 {
    font-size: large;
}

h1 {
    text-align: center;
    font-family: 'Public Pixel', sans-serif;
    color: black;
    background-clip: text;
}

p {
    text-align: center;
    color: black;
    background-clip: text;
}

button {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;   
}

#green {
    color: green;
}

body {
    cursor: url(tencent.png), auto;
}

h1, p, h2 {
    border: 3px black solid;
    border-radius: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-right: auto;
    border-color: blueviolet;
    cursor: url(love.png), auto;
}

.tiltingtext {
    position: relative;
    animation-name: tilt;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

.tiltingtext2 {
    position: relative;
    animation-name: tilt2;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

.tiltingtext3 {
    position: relative;
    animation-name: tilt3;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

@keyframes tilt {
0% {
    transform: rotateZ(0deg);
}
25% {
    transform: rotateZ(0deg);
}
50% {
    transform: rotateZ(20deg);
}
75% {
    transform: rotateZ(-20deg);
}
100% {
    transform: rotateZ(0deg);
}
}

@keyframes tilt2 {
0% {
    transform: rotateZ(0deg);
}
25% {
    transform: rotateZ(0deg);
}
50% {
    transform: rotateZ(-20deg);
}
75% {
    transform: rotateZ(20deg);
}
100% {
    transform: rotateZ(0deg);
}
}

@keyframes tilt3 {
0% {
    transform: rotateZ(0deg);
}
25% {
    transform: rotateZ(30deg);
}
50% {
    transform: rotateZ(-20deg);
}
75% {
    transform: rotateZ(20deg);
}
100% {
    transform: rotateZ(13deg);
}
}

@keyframes tilt4 {

100% {
    transform: rotateZ(20deg);
}
}

.tiltingtext4 {
    position: relative;
    animation-name: tilt4;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
}