@import url("https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap");

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
  background: linear-gradient(rgba(216, 241, 216, 0.9), rgba(76, 126, 76, 0.7)),
    url("./nest.jpg");
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.card {
  height: 40em;
  width: 40em;
  background: linear-gradient(rgba(216, 241, 216, 0.2), rgba(76, 126, 76, 0.1)),
    url("./tomato.jpg") no-repeat center;
  background-size: cover;
  border-radius: 50%;
  position: relative;
  /* box-shadow: 10px 5px 5px #c5d588; */
  box-shadow: 3px 3px #c5d588, -1em 0 0.4em #c5d588;
}

svg {
  height: 100%;
  width: 100%;
}

text {
  /* fill: #d1390d; */
  fill: black;
  font-family: "Libre Bodoni", serif;
  font-weight: 700;
  font-size: 20px;
  text-anchor: middle;
}