/* Gebruik voor de webpagina het letttertype Arial Narrow. Als 
dat niet aanwezig is gebruik Helvetica. Sluit of met een 
generieke font family.
 */
body{
     font-family: 'Arial Narrow', Helvetica, sans-serif;
}

/* Alle div's hebben een hoogte (height) van 100 pixels en de 
achtergrondkleur is indianred. */

div{
     height: 100px;
     background-color: indianred;
}

/* Stel de ster (map images) in als achtergrondafbeelding 
voor de eerste div. De ster moet gecentreerd worden. */

#box-with-star{
     background-image: url(../images/star.png);
     background-position: center;
     background-repeat: no-repeat;
}


/* Voeg de onderstaande linear-gradient toe aan de tweede div:
     linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(50, 131, 147, 1) 0%, rgba(9, 9, 121, 1) 100%); 
*/
#box-with-gradient{
     background: radial-gradient(circle,rgba(16, 173, 123, 1) 0%, rgba(87, 199, 133, 1) 42%, rgba(237, 209, 83, 1) 100%);
}





/* EXTRA: vervang de linear-gradient door een gradient die je zelf 
gegenereert via https://cssgradient.io/   */