body {
    background-color: #F5F7FA;
    color: #303840;
}

.square-photo-size {
    width: 100%;
}

/* <weight>: Use a value from 100 to 900
   <uniquifier>: Use a unique and descriptive class name */

/* .roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}  */


@keyframes blink {
    50% {
        opacity: 0;
    }
}

.blink {
    animation: blink 1s step-start infinite;
}