.box1{
    width: 500px;
    height: 50px;
    border: 5px solid brown;
    background-color: chartreuse;
    text-align: center;
   
}
.box2{
    .menu{
        background-color: rgb(255, 0, 140);
        overflow: auto;
        width: 500px;
        height: 40px;
        border: 3px solid black;
    
    }
    ul{
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    ul li{
        float: left;
        border-right: 1px solid rebeccapurple;
    }
    ul li:last-child{
        border-right: none;
    }
    ul li a{
        text-decoration: none;
        padding: 10px 20px;
        display: block;
        transition: 0.5s;
    }
    ul li a:hover{
        background-color: rebeccapurple;
        color: red;
        text-decoration: underline;
    }
}

.box3{
    width: 500px;
    height: 300px;
    border: 5px solid brown;
    
}
.box4{
    width: 500px;
    height: 300px;
    border: 5px solid brown;
    background-color: chartreuse ;
}
.box5{
    width: 500px;
    height: 50px;
    border: 5px solid brown;
    background-color: chartreuse;
}
.box6{
    width: 500px;
    height: 50px;
    border: 5px solid brown;
    background-color: chartreuse;
    text-align: center;
 

}