LP22-Developpement-Web/tp1/tp1.0/css/style.css

* {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
}

header {
    height: 135px;
}

.header-logo {
    float: left;
    width: 298px;
}

header nav {
    text-align: right;
}

header nav ul {
    display: inline-block;
    line-height: 135px;
}

header nav ul li {
    display: inline-block;
    padding: 0px 40px;
}

header nav .connexion {
    display: inline;
}

a {
    text-decoration: none;
    color: unset;
}

a.btn {
    display: inline;
    border-radius: 15px;
    padding: 8px 25px;
}

.btn-primary {
    background: #3B6D56;
    color: #ffffff;
}

.btn.btn-secondary {
    background: #79BD9D;
    color: #ffffff;
}

.btn-white {
    background: #ffffff;
    color: #3B6D56;
}

.btn-green {
    background: #00ED93;
    color: #3B6D56;
}

.btn-price {
    text-size-adjust: 2em;
    text-decoration: solid;
    border-radius: 20px;
    padding: 10px 5px 10px 5px;
    background: #00ED93;
    color: #3B6D56;
}

.section {
    height: 879px;
}

#carousel {
    margin: 50px 0;
    background-color: #DDEFFD;
    position: relative;
}

/*Menthe*/
#carousel::before {
    content: "";
    position: absolute;
    bottom: -80px; left: 0;
    width: 348px;
    height: 642px;
    background: url("../img/—Pngtree—many kinds of vegetables in_7257107 1.png") left bottom;
}

/*Choux fleur*/
#carousel::after {
    content: "";
    position: absolute;
    top: 20px; right: 0;
    width: 348px;
    height: 642px;
    background: url("../img/—Pngtree—many kinds of vegetables in_7257107 2.png") right center;
}

#carousel > .content {
    width: 1120px;
    margin: 0 auto;
    padding-top: 200px;
}

#carousel .content *{
    margin: 20px 0px;
}

#carousel .content p {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #79BD9D;
}

#carousel .content h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    color: #3B6D56;
    text-transform: uppercase;
}

#carousel .content h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
}