.main {
    width: 800px;
    margin: auto;
}

.header,
.nav,
.container,
.footer {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.header {
    background: rgb(242, 95, 95);
    padding: 2rem;
    text-align: center;
}

.nav {
    background: rgb(213, 108, 108);

}

.nav a {

    color: #fff;

    padding: 10px 140px;

    display: inline-block;
    text-decoration: none;
}




.lside {

    width: 300px;

    float: left;
    padding-right: 50px;
    padding-left: 13px;

}

.rside {

    width: 400px;

    float: right;
    padding-left: 35px;

}

.footer {

    padding: 10px;

    background: rgb(231, 151, 151);

    text-align: center;

}

.y11 {
    height: 10rem;
    width: 10rem;
    background-image: url(./屏幕截图\ 2023-02-04\ 161312.png);
    float: left;
}

.y12 {
    height: 10rem;
    width: 10rem;
    background-image: url(./屏幕截图\ 2023-02-04\ 161351.png);
    float: left;
}

.y13 {
    height: 20rem;
    width: 20rem;
    background-image: url(./屏幕截图\ 2023-02-04\ 161916.png);
    float: left;
}

.footer a {

    color: #fff;
    display: inline-block;
    text-decoration: none;
}

.footer a:hover {
    background-color: #e89393;
    color: #efda89;
}

.container {
    display: flex;
    width: 800px;
    border-radius: 8px;
    height: auto;
    background-color: antiquewhite;
    justify-items: center;
    flex-wrap: wrap;
}