* {
    padding: 0;
    margin: 0;
    font-family: 'NSimSun','SongTi Tc', serif;
}

header {
    top: 0;
}
body {
    margin-top: 85px;
}


main {
    position: relative;
    width: 100%;
    height: calc(100vh - 85px);
    overflow: hidden;
    object-fit: cover;
    min-width: 1200px;
    min-height: 431px;
}


.background-img {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 100%;
    transform: translate(-100%, -100%);
}
.text1-container {
    position: absolute;
    z-index: 30;
    width: 25%;
    top: 25%;
    left: 20%;
    transform: rotate(-19deg);
    display: grid;
    place-items: center;
}
.text1-container > .text-img {
    position: absolute;
    width: 60%;
}

.text1-container:hover{
    cursor: pointer;
    transform: rotate(-19deg) scale(1.1);
}
.text2-container {
    position: absolute;
    z-index: 30;
    width: 34%;
    top: 48%;
    left: 24%;
    display: grid;
    place-items: center;
    transform: rotate(-17.6deg);
}
.text2-container > .text-img {
    position: absolute;
    width: 80%;
}
.text2-container:hover{
    cursor: pointer;
    transform: rotate(-17.6deg) scale(1.05);
}

.circle-img {
    position: relative;
    width: 100%;
}

.circle-img:hover {
    visibility: visible;
}