*{
    box-sizing: border-box;
}

h1{
    width:100%;
    font-size:3em;
    color: darkgrey;
    border-bottom:5px double darkgrey;
}

header,div{
    width:100%;
}

ul{
    width:100%;
    display:flex;
    padding:20px;
    justify-content:start;
}

li{
    list-style-type:none;
    margin-left:20px;
    border-right: 2px solid grey;
    color: rgb(0, 183, 255);
}

li:first-of-type{
    margin-left: 0px;

}

li:last-of-type{
    border-right:none;
    
}

span{
    color:black
}

div > ul > li{
    color:blue
}

main{
    width:100%;
    margin:10px auto;
    display:flex;
    flex-wrap:nowrap;
}

main > img{
    width:65%;
}

article{
    width:25%;
    padding:0px 20px;
    display:flex ;
    flex-wrap: wrap;
}

article > img{
    margin:20px 0px;
    width:50%;
}