.border {
  stroke-width: 5;
}
.circle {
  stroke: black;
  fill: red;
  transition: 0.3s;
}
.circle:hover {
  stroke: rgb(237, 63, 196);
  fill: rgb(41, 39, 39);
}
.rect {
  stroke: green;
  fill: rgb(255, 0, 115);
  transition: 0.3s;
}
.rect:hover {
  stroke: rgb(196, 219, 23);
  fill: rgb(131, 145, 208);
}
.square {
  stroke: rgb(126, 40, 206);
  fill: rgb(238, 224, 59);
  transition: 0.3s;
}
.square:hover {
  stroke: rgb(221, 60, 79);
  fill: rgb(71, 93, 192);
}
.ellipse-border {
  fill: rgb(20, 192, 231);
}
.ellipse-fill {
  fill: rgb(228, 140, 184);
}
.svg {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}