style.css

/* Global*/ 

* {
    margin: 0;
    padding: 0;
}

body {
    /*background-image: url(pizza.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
    /*background-color: 	#EEE8AA;*/
    background-image: linear-gradient(45deg, #eee8aa, #D5F7A3, #D2D68D, #D6C98D, #F7DFA3);
    background-attachment: fixed;
 
    font-family: 'Oswald', sans-serif;
    /*'Roboto Mono', monospace,*/ 
}

/* Apagar o estilo de bolinhas */

ul {

    list-style: none;
}

/*Global - Fonts*/

h1, h3, .price {
    fonte-family: Oswald, sans-serif;
    text-transform: uppercase;
    color: #006C65;
    /*color:darkolivegreen;*/
}

h2 {
    fonte-family: Oswald, sans-serif;
    text-transform: uppercase;
    /*color: #B81A12;*/
    color: #AD1109;
    /*color:darkolivegreen;*/
}

/*Header - Cabeçalho*/

header {
    padding: 32px 0;
    text-align: center;
}

header,
section {
    max-width: 300px;
    margin: 0 auto; 
}

header h1 {
    margin-bottom: 4px;
    font-size: 32px;
    line-height: 33px;
    }
    

header h1 span {
    /*color:#FF4500;*/
    color: #B81A12;
}

header p {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    line-height: 16px;
}

/*Section - Seções*/
section {
    margin-bottom: 24px;
}

section h2 {
    /*background-color: #FF7F50;*/
    /*background-color:#08ad47;*/
    /*background-image: linear-gradient(45deg, #00BAB1, #00C483, #08AD47, #00C414);*/
    background-image: linear-gradient(45deg, #61ba8f, #67DBA3, #66c47c, #6edb67, #90d162);
    background-attachment: fixed;
    padding: 8px 16px;
    text-align: center;

    margin-bottom: 24px;
    font-size: 18px;
}

/*listas*/

ul li {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}

li .details {
    max-width: 240px;
}

.details h3 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 19px;
}

.details p {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 21px;
}