body {background-image: url("bubbles.jpg");

        color: #000;
            font-family: Verdana, Arial, sans-serif;
}

.border {
    max-width:920px; max-height:920px;
        border:10px solid gray; text-align:center;
    margin-right:auto; margin-left:auto;
}

img {border-style:none; padding:10px; margin-left:auto; margin-right:auto;height:75%;width:70%;}

.red{
    /* width:120px;max-width:25%;height:120px;max-height:25vw; */
    width:112.5px;max-width:12.5%;height:112.5px;max-height:12.5vw;
    /* where vw is a percentage of the vertical width in this case 33.3% see
    http://www.w3schools.com/cssref/css_units.asp */
    background-color:#CD5C5C;
    float:left;
}

.pink{
    width:112.5px;max-width:12.5%;height:112.5px;max-height:12.5vw;
    background-color:#ff66cc;
    float:left}a:visited {color: #FF00FF;} a:hover {color: #00FF00;}