.hero{
    background-image: url('https://d27535ieqsl1sy.cloudfront.net/S3Assets/hero.jpg');
    background-size: cover;
    height: 70vh;
    box-shadow: inset 0 0  25px black;
  }
  .hero .overlay{
    background-color: rgba(0,0,0,.6);
  }
  .hero button{
    font-weight: bold;
    border: none;
  }
  .hero button:hover{
    font-weight: bold;
    background-color: var(--custom-blue);
    color: whitesmoke;
    border: none;
  }
  #hero-text{
    text-shadow: 1px 1px 5px black;
  }
  #painting{
    color: #6f98b4; 
    font-size: larger; 
    
  }
  #painting:hover{
    transform: scale(1.02);
  }