xxxxxxxxxx1
<!-- Navigation -->2
<header>3
4
<!-- Background gradient -->5
<div class="radial-gradient vh-100">6
<div class="d-flex justify-content-center align-items-center flex-column h-100">7
<div class="container">8
<h2 class="custom-size custom-font text-center mb-5">"Every artist was first an amateur."</h2>9
<p class="custom-font mb-0 text-end display-4 font-italic">- Ralph Waldo Emerson</p>10
</div>11
</div>12
</div>13
<!-- Background gradient -->14
15
</header>16
<!-- Navigation -->xxxxxxxxxx1
.custom-font {2
font-family: 'Nanum Brush Script', cursive;3
color:rgb(43, 45, 49);4
}5
.custom-size {6
font-size: 6rem;7
}8
@media (max-width: 450px) {9
.custom-size {10
font-size: 5rem;11
}12
}13
.radial-gradient {14
background: rgb(78, 105, 176);15
background: radial-gradient(circle, rgba(225, 150, 82,1) 0%, rgba(241, 240, 235,1) 25%, rgba(78, 105, 176,1) 50%, rgba(225, 150, 82,1) 75%, rgba(225, 150, 82,1) 100%);16
}1
1
Console errors: 0