Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
.container {
	/* posição e tamanho */
	position: relative;
	max-width: 533px;
	min-height: 200px;
	margin: auto;
	padding: 2%;
	
	/* borda e sombra */
	border: 0;
    box-shadow: 0 2px 8px black;
	border-radius: 10px;
	
	/* imagem de fundo */
	background: linear-gradient(220deg, transparent 47em, #708374 53em), url('https://upload.wikimedia.org/wikipedia/commons/2/23/018_Human_looking_at_the_stars_during_Perseids_with_the_Milky_Way_in_the_background_Photo_by_Giles_Laurent.jpg');
	background-position: 42% 61%;
	background-size: 300%;
    background-repeat: no-repeat;
	overflow: hidden;
}

.text {
	font-family: Calibri, 'Open Sans', Verdana, Arial, sans-serif;
	font-size: 12pt;
}