* {
    padding: 0;
    margin: 0;
}

.h1 title {
    position: fixed;
    line-height: 35px;
}

h3 {
    text-indent: 2em;
    line-height: 30px;
    padding: 5px;
    font-family: "Time New Roman", Times, serif;
}

.text1,
.text2,
.text3,
.text4 {
    margin-left: 260px;
    margin-right: 260px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: rgba(61, 61, 61, 0.5);
}

.photo1,
.photo2,
.photo3 {
    margin-left: 290px;
}

.p1 {
    width: 100%;
    height: 100%;

    position: fixed;
    z-index: -1;
}

.text4 {
    margin-bottom: 50px;
    margin-top: 25px;
}

.text2 {
    margin-top: 25px;
    margin-bottom: 25px;

}

/* .hhhaaa {
    -webkit-animation: kenburns-bottom 5s ease-out both;
    animation: kenburns-bottom 5s ease-out both
}

@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%
    }

    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
}

@keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%
    }

    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
} */
/* .slide-right { */
.h4,
.h2,
.h3 {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

.whu {
    -webkit-animation: rotate-in-hor 1s;
    animation: rotate-in-hor 1s;
}

@-webkit-keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}