style.css

body{
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
section{
    height: 500px;
    padding-bottom: 80px;
}
.intro{
    background-image: url("images/shapes/Frame\ 59.jpg");    
}
.about-me{
    background-image: url("images/shapes/Frame\ 58.jpg");
}
.half-width{
    width:40%;
    float: left;
    margin-bottom: 5%;
    margin-left: 5%;
    padding-left: 2%;
}
h1{
    font-size: 50px;
}
h1 span{
    color: orange;
}
.half-width img{
    width: 80%;
}
.anchor-button{
    text-decoration: none;
    background: linear-gradient(60deg, lightsalmon, tomato);
    padding: 10px 40px;
    border-radius: 25px;
    color: white;
    font-weight: 800;
}
p{
    color: black;
    padding-bottom: 30px;
}

h2{
    font-size: 40px;
}

.my-recipies h3{
    color: black;
}

.flex-container{ 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-container > div{
    box-shadow: 5px 5px 5px 5px rgb(224, 222, 222);
    border-radius: 20px;
    margin: 30px;
    padding: 15px 15px;
}
.flex-container2{
    margin: 15px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-container2 > div{
    text-align: center;
    margin: 30px;
    padding: 15px 15px;
}
.f{
    background-color:lavender ;
    border-radius: 10px;
}