Virtual Stained Glass

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Virtual Stained Glass</title>
    </head>
    
    <body>
        <div id="row1">hjfjgf</div>
        <div id="row2">hfgjfjfjfj</div>
        <div id="row3">kghhkmvmv</div>
    </body>    
    
</html>

CSS

body {
    height:100px;
    width:100%;
}

div {
    height: 33%;
    width: 31.3%;
    padding:o% 1%;
    background:rgba(230,0,0,0.5);
    border:5px solid black;
    float:left;
}
#row1{
  background:lightgreen;
}
#row2
  background:blue;
}
#row3
  background:darkgreen;
}