body {
  font-family: sans-serif;
  width:80%;
  margin: auto;
  max-width: 1280px;
  background:#f2f8ff;
}

.logo-circle {
  background-image:url("https://image.simplecastcdn.com/images/6374008a-4b18-4700-ac96-5e2d76dcfaa3/d8237024-f5b1-49d7-90e6-54eef5f0fc95/480x480/183343928-2777805235814784-8196964593265483221-n@2x.jpg");
  height: 100px;
  width: 100px;
  background-size: 100px 100px;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

ul {
  padding:0;
  margin:0;
}

li {
  list-style-type: none;
  background:white;
  border-radius:12px;
  margin-bottom:10px;
  position: relative;
  border:4px solid #306fc2;
}

a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding:20px;
  position:relative;
  color: #306fc2;
}

a:hover {
  color:white;
  background:#306fc2;
}



span.tag {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-transform: uppercase;
  font-size: 10px;
}