style.css

body{
    background-color: #ecf0f1;
}

header{
    background-color: #2ecc71;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}

header input,header button{
    width: 150px;
}


footer{
    display: flex;
    justify-content: space-around;
    height: 10%;
    background-color: #2ecc71;
}

#App{
    width: 70%;
    height: 100%;
    background-color: white;

    margin-left: auto;
    margin-right: auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
    
}

#App>div{

    width: 300px;
    height: 150px;

    display: flex;
}

#App>div>div{
    display: flex;
}

#App h1{
    font-size: large;
}

#App h3{
    font-size: x-small;
}

#App img,#App>div>div>a{
    border-radius: 10% 90% 9% 91% / 90% 9% 91% 10% ;
    height: 150px;
    width: 100px;
}