/*************************************************************
    _______  _____   ______ _______ __   __   _______ _     _
    |       |     | |_____/ |______   \_/     |______ |_____|
    |_____  |_____| |    \_ |______    |    . ______| |     |

**************************************************************/

  #about {grid-column: 3fr; border: 1px var(--textColor1) solid; background: var(--mainColor); 
  padding: 0 1em 0 1em; grid-column: 1/4;}
  #portraitMobile {display: none;}

  #portrait {border: 1px var(--textColor1) solid; grid-column: 4/-1;}
  #portrait img {width: 14em; height: 14em;}

  #repos {grid-column: 1/3; display: grid; grid-template-rows: auto repeat(4, auto); grid-gap: 0.75em; 
  border: 1px var(--textColor1) solid; background: var(--mainColor); padding: 0 0.75em 0.75em 0.75em;}

  .repo {display: grid; text-align: left; grid-template-rows: auto auto auto; grid-template-columns: auto auto;
  margin-bottom: 0; padding: 0; border: 1px var(--textColor1) solid;}
  .repo p {margin: .15em; padding: .1em;}
  .repo a {margin: .15em; padding: .1em; text-decoration: none; color: var(--textColor1);}
  .repoLang {justify-self: start;}
  .repoUpdated {justify-self: end; color: var(--textColor1);}
  .repoDesc {grid-column: 1/-1;}
  .hiddenfromhome {display:none;}

  #blogSnip {grid-column: 3/-1; border: 1px var(--textColor1) solid; background: var(--mainColor); 
  padding: 0 1em 0 1em;}

  #projectSnip { grid-column: 1/-1; border: 1px var(--textColor1) solid; background: var(--mainColor); 
  padding: 0 1em 0 1em;}

  @media only screen and (max-width:725px) {
      #about {grid-column: 1/-1; grid-row: 1; border: 1px var(--textColor1) solid;}
      #about h1 {text-align: left;}
      #portrait {grid-column: 1/-1; grid-row: 1; display: none;}
      #portraitMobile {display: block; width: 11em; height: 11em; float: right;}
      #repos {grid-row: 2; grid-column: 1/-1;}
      #blogSnip {grid-row: 3; grid-row: 3; border: 1px var(--textColor1) solid; grid-column: 1/-1;}
      #projectSnip {grid-row:4; grid-column: 1/-1;}
  }