my first CSS examples

index.html
=====================
<!doctype html>
<html>
    <head>
        <title>some image effects</title>
        <link rel="stylesheet" href="css/myCSS.css"/>
    </head>
    <body>
        <header>
            <img src="img\pic1.jpg" height="200"/>
            <img src="img\pic2.jpg" height="200"/>
        </header>
        <section>
            <center><h1>This is my life</h1></center><hr><br>
             some information about me and what i am doing with camels.
        </section>
        <aside>
            <ul>
                <li>One</li>
                <li>Two</li>
                <li>Three</li>
                <li>Four</li>
                <li>Five</li>
            </ul>
        </aside>
    </body>
</html>


myCSS.css
=====================
header{
    width:80%;
    margin-left:10%;
    height:15vh;
}
header>img{
    height:100%;
    border: 0.1em solid black;
    padding: 0.5em;
    border-radius: 50%;
}
header>img:first-child{
    float: left;
}
header>img:last-child{
    float:right;
}
section,aside{
    height:80vh;
}
aside{
    float: left;
    background: red;
    width: 20%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
aside li{
    list-style: none;
    margin-bottom: 1em;
}

aside li:hover{
    font-weight: bold;
    cursor: pointer;
}
aside li:hover:after{
    content: ' ';
    float: left;
    border-width: 0.4em;
    border-color: red red red white;
    border-style: solid;
}
section{
    width:80%;
    float: right;
    background: cyan;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}