/******************************************************************************
css for about page
******************************************************************************/
:root {
  --light: #e9ebeb;
  --dark: #9e9791;
  --darker: #514a47;
  --darkest: #292929;
  --third: #ee646e;
}

/******************************************************************************
set id elements
******************************************************************************/
#img-about {
  content: url("../img/yahir_setup.jpg");
}

/******************************************************************************
about section content
******************************************************************************/
.img-center {
  grid-area: img-center;
  grid-row: 1;
  grid-column: 2;
  width: 100%;
  height: auto;
  border-radius: 10px;

  box-shadow:
    inset 0 0 0 0 rgba(0, 0, 0, 0.2),
    6px 6px 9px 0 rgba(0, 0, 0, 0.2),
    inset 0 0 0 0 rgba(255, 255, 255, 0.2),
    -6px -6px 9px 0 rgba(255, 255, 255, 0.5);
}


/******************************************************************************
for large screens
******************************************************************************/
@media only screen and (min-width: 850px) {

}