.main {

    width: 800px;

    margin: auto;

}

.header,
.container,
.footer {

    float: left;



    width: 100%;



    box-sizing: border-box;

}

.header {

    background: rgb(242, 95, 95);

    padding: 2rem;

    text-align: center;

}

.lside {

    width: 300px;

    float: left;

}

.rside {

    width: 400px;

    float: right;

}

.lside,
.rside {

    padding: 5px;

    box-sizing: border-box;

}

.footer {

    padding: 10px;

    background: rgb(231, 151, 151);

    text-align: center;

}

.footer a {

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

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