* {
    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: 270px;
    margin-right: 260px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: rgba(61, 61, 61, 0.5);
}

.photo1,
.photo2,
.photo3 {
    /* margin-left: 200px; */
    margin-left: 370px;
    margin-top: 180px;
    margin-bottom: -80px;
}

.p1 {
    width: 100%;
    height: 100%;

    position: fixed;
    z-index: -1;
}

.text4 {
    margin-bottom: 50px;
    margin-top: 25px;
}

.text2 {
    margin-top: 25px;
    margin-bottom: 25px;
}


.photo1,
.photo2,
.photo3,
.photo4 {
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-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;
    }
}