ClassroomRollCallSystem/style_3.css

html,
body {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
}

.background-container {
    width: 2376px;
    height: 1355px;
    overflow: hidden;
    background: #FFF;
    justify-content: center;
    align-items: center;
}

.firstcontainer {
    position: relative;
    width: 1511px;
    height: 741px;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0px 0px 78px 23px rgba(0, 0, 0, 0.25);
    background: #FFF;
    flex-shrink: 0;
}

.getpeople {
    position: absolute;
    top: 108px;
    right: 893px;
    bottom: 545px;
    left: 147px;
    width: 471px;
    height: 88px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-shadow: 0px 0px 70px rgba(0, 0, 0, 0.25);
}

.text1 {
    position: absolute;
    top: 316px;
    right: 1329px;
    bottom: 353px;
    left: 6px;
    width: 285px;
    height: 76px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.text2 {
    position: absolute;
    top: 316px;
    right: 904px;
    bottom: 353px;
    left: 499px;
    width: 136px;
    height: 64px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.text3 {
    position: absolute;
    top: 332px;
    right: 444px;
    bottom: 353px;
    left: 956px;
    width: 111px;
    height: 56px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.text4 {
    position: absolute;
    top: 332px;
    right: 244px;
    bottom: 353px;
    left: 1143px;
    width: 124px;
    height: 61px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.text5 {
    position: absolute;
    top: 456px;
    right: 1192px;
    bottom: 209px;
    left: 48px;
    width: 285px;
    height: 76px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.text6 {
    position: absolute;
    top: 472px;
    right: 722px;
    bottom: 209px;
    left: 659px;
    width: 130px;
    height: 60px;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.mytext1 {
    position: absolute;
    top: 316px;
    right: 1046px;
    bottom: 357px;
    left: 220px;
    width: 275px;
    height: 68px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #000;
    background: rgba(217, 217, 217, 0.00);
    font-size: 64px;
}

.mytext2 {
    position: absolute;
    top: 316px;
    right: 618px;
    bottom: 357px;
    left: 640px;
    width: 275px;
    height: 68px;
    border-radius: 8px;
    border: 1px solid #000;
    background: rgba(217, 217, 217, 0.00);
    flex-shrink: 0;
    font-size: 64px;
}

.signal1 {
    position: absolute;
    top: 334px;
    right: 379px;
    bottom: 353px;
    left: 1078px;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
}



.signal3 {
    position: absolute;
    top: 475px;
    right: 673px;
    bottom: 212px;
    left: 784px;
    width: 54px;
    height: 54px;
    flex-shrink: 0;
}

.mytext3 {
    position: absolute;
    top: 460px;
    right: 908px;
    bottom: 213px;
    left: 328px;
    display: flex;
    width: 275px;
    height: 68px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #000;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}