Fenix3_React_HW1/src/SectionFood.css

section {
    font-family: 'Roboto', sans-serif;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.box {
    margin-top: 15%;
    display: flex;
}

.home-img {
    float: right;
    padding-right: 6%;
    width: 430px;
    
}

.home {
 
    display: flex;
  }
  

.content{
    flex:1 1 40rem;
    padding-top: 6.5rem;
    margin-right: 4%;
    margin-left: 4%;
  }


  .home .content h3{
    font-size: 3rem;
    color:#333;
  }
  
  .home .content p{
    font-size: 1.6rem;
    color:#666;
    padding:1rem 0;
  }

  .btn{
    display: inline-block;
    padding:.8rem 3rem;
    border:.2rem solid var(--salmon);
    color:var(--salmon);
    cursor: pointer;
    font-size: 1.7rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-top: 1rem;
  }