body{
margin:0;
background:#222;
font-family:Arial;
}

.lake{

position:relative;

width:1200px;

margin:auto;

}

#lake{

width:100%;

display:block;

}

.spot{

position:absolute;

width:42px;

height:42px;

border-radius:50%;

line-height:42px;

text-align:center;

font-weight:bold;

cursor:pointer;

color:#fff;

border:3px solid #fff;

box-shadow:0 0 10px #000;

}

.free{

background:#16a34a;

}

.busy{

background:#dc2626;

}

.reserved{

background:#f59e0b;

}