/***********************************/
/* Content component for container */
/***********************************/

section#about>.about>div {
  align-items: center;
  display: flex;
  gap: 1rem;
  padding-left: 2rem; }


@media (max-width: 800.00px) {

  section#about>.about>div {
    padding-left: 0; } }



/***********************************/
/* Content component for container */
/***********************************/

section#about>.about img {
  height: 7rem;
  opacity: .75;
  width: 7rem; }


@media (max-width: 800.00px) {

  section#about>.about>div {
    justify-content: center;
    margin-top: 2rem; }

  section#about>.about img {
    height: 5rem;
    width: 5rem; } }



/***********************************/
/* Content component for container */
/***********************************/

section#about>.video {
  align-items: center;
  justify-content: center;
  padding-top: 0; }



/***********************************/
/* Content component for container */
/***********************************/

section#about>.video>iframe {
  aspect-ratio: 16 / 9;
  background-color: rgba(var(--background), .5);
  border-color: rgba(var(--color-pink-dark), 1);
  border-style: solid;
  border-radius: 1rem;
  border-width: .4rem;
  box-shadow: .8rem .8rem .8rem rgba(var(--color-pink-dark), .25);
  max-width: 60vw;
  min-height: 40rem; }


html.night section#about>.video>iframe {
  box-shadow: .8rem .8rem .8rem rgba(var(--color-blue-dark), .25); }


@media (max-width: 800.00px) {

  section#about>.video>iframe {
    max-width: 98vw;
    min-height: 20rem;
    width: 98%; } }