/*
    Created on : Oct 30, 2021, 1:49:11 PM
    Author     : Rudy Mathieu
*/

/* http://caniuse.com/#search=variables */
:root {
  --avatar-size: 4rem;
  /* change this value anything, e.g., 100px, 10rem, etc. */
}

.circle {
  background-color: #dab443;
  border-radius: 50%;
  height: var(--avatar-size);
  text-align: center;
  width: var(--avatar-size);
  top: -10px;
  position: relative;
}

.initials {
  font-size: calc(var(--avatar-size) / 2); /* 50% of parent */
  line-height: 1;
  position: relative;
  top: calc(var(--avatar-size) / 4); /* 25% of parent */
  color: #000;
}