html, body{
  height:100%;
  margin: 0;
}
#title {
/* position:fixed;
top:0px;
left:0px; */
padding:10px;
margin:0px;
width:100%;
background-color: lightblue;
color: black;
text-align:center;
z-index:10;
}
body {
background-image:url("https://cdn.pixabay.com/photo/2017/03/27/14/49/beach-2179183_960_720.jpg");
background-repeat: no-repeat;
background-size:Cover;
background-position:center;
}
.row {
position:relative;

}
.white{
border: 1px solid black;
width: 60px;
height: 60px;
background-color:lightyellow;
color: inherit;
float:left;
}

.black{
border: 1px solid black;
width: 60px;
height: 60px;
background-color:#787878;
color: inherit;
float:left;
}
.clear {
  clear:both;
}
footer {
background-color: lightblue;
color: inherit;
}
  #container {
margin-top:20%;
margin-left:10%;
margin-right:10%;
margin-bottom:5%;
}
    img {
margin-left: 5px;
margin-top:10px;
}
.center{
  margin: 0 auto;
  width: 500px;
  text-align: center;
}

.spaceTopBottom {
  margin-top: 30px;
  margin-bottom: 40px;
}