body, html {
        font-family: 'noto sans', serif;
        background-color: #DCDCDC;
      }


.bio {
    width: 96%;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    display: inline-flex;
    }


.imgBio  {
    width: 65%;
    height: auto;
    padding-top: 15vmin;
    padding-right: 5vmin;
    padding-left: 5vmin;
    overflow:auto;

 }

  @keyframes fond {
        0%   {background-color: rgba(255, 255, 0, 1);}
        20%  {background-color: rgba(255, 0, 255, 1);}
        40%  {background-color: rgba(0, 255, 255, 1);}
        60% {background-color: rgba(255, 255, 0, 1);}
        80% {background-color: rgba(0, 0, 255, 1);}
        100% {background-color: rgba(255, 0, 0, 1);}

      }

 .imgP {
	height:60vminhg;
  width:55vmingg;
  overflow:auto;
  line-height: 5px!important;

  margin: 0;
  font-size: 2.4vmin;
  line-height: 4.6vmin;
  font-family: 'noto sans', serif;
  font-weight: 200;
  animation-name: fonviiid;
            animation-duration: 32s;
            animation-delay: -14s;
            animation-iteration-count: 3;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            text-align: center;
      }

      .imgP img{
       width: 60%;
       height: auto;

      }

.textBio  {
width: 60%;
height: auto;
padding-top: 10vmin;
padding-left: 10vmin;

 }


.textBio p {
 margin: 0;
  font-size: 2.4vmin;
  line-height: 4.6vmin;
  margin-left: 2vmin;
  font-family: 'noto sans', serif;
  font-weight: 200;
  color: black;

 }


.textP {
	height:100%;
width:auto;
overflow:auto;
margin-right: 3vmin;
 margin: 0;
  font-size: 2.4vmin;
  line-height: 4.6vmin;
  margin-left: 2vmin;
  font-family: 'noto sans', serif;
  font-weight: 200;
  overflow: auto;
  margin-bottom:12vmin;
 }