:root {
    /* LandingPage 5 */
    --color-1: #5CBBC8;
    --color-2: #C0BCB5;
    --color-3: #CF4F57;
    --color-4: #466568;
    --color-5: #FFBF00;
  }
  body{
    background-color: var(--color-1);
    color: var(--color-4);
    overflow-x: hidden;
  }

  .name-row {
    min-height: 80vh;
    padding-top: 20vh;
    color: var(--white);
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    /* font-family: 'Alegreya Sans SC', sans-serif; */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("/assets/ben-regali-1223-unsplash.jpg");
  }

  .name-row>h1 {
    font-size: 3.5em;
  }

  .about-row {
    min-height: 40vh;
    /* min-width: 100vw; */
    background-color: var(--color-2);
    /* padding: 15% 15%; */
  }

  .skills-row {
    /* min-width: 100%; */
    min-height: 25vh;
    background-color: var(--color-5); 
  }

  .icon {
    font-size: 5em;
    padding: 1%;
  }

  .project {
    
    /* min-height: 60vh; */
    /* background-color: white; */
  }  
  .project>img{
    width: 90%;
    border: 5px solid var(--color-2);
    border-radius: 10px 50px 30px;
  }
  footer {
    background-color: var(--color-2); 
    color: var(--color-3);
    /* margin-bottom: -10px; */
  }
  main{
    margin-bottom: 10px;
  }
  .footer,
.push {
  height: 50px;
}