body{
font-family: Verdana , "Lucida Grande" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , "ヒラギノ角ゴ Pro" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* 
Avenir ,
Verdana , 
"Lucida Grande",
"Hiragino Kaku Gothic ProN"
}
*/

.circle{
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: skyblue;
}

.alert{
  margin: 20px;
  background: #FEDFE1;
  padding: 10px;
}
.structure{
  margin: 20px;
  background: #E5E5E5;
  padding: 10px;
}
.ocean{
  margin: 20px;
  background: #A5DEE4;
  padding: 10px;
}