/*
   For use with example3.html
   Jeff Ondich, 3 May 2016
*/

html {
    height: 100%;
}

body {
    margin: 10px;
    padding: 10px;
    height: 100%;
}

#aardvark {
    width: 60%;
    height: 40%;
    float:left;
    font-size: 5em;
    color: white;
    background-color: green;
}

#barracuda {
    width: 40%;
    height: 40%;
    float:left;
    font-size: 5em;
    color: white;
    background-color: #0000aa;
}

#coatimundi {
    width: 30%;
    height: 40%;
    float:left;
    font-size: 5em;
    color: white;
    background-color: #aa0000;
}

#duck {
    width: 70%;
    height: 50%;
    float:left;
    font-size: 5em;
    color: white;
    background-color: #cccc00;
}