xxxxxxxxxx1
<!-- Navigation -->2
<header>3
4
<!-- Background gradient -->5
<div class="rainbow-gradient vh-100">6
<div class="d-flex justify-content-center align-items-center flex-column h-100">7
<h2 class="custom-font text-white"><i class="fas fa-peace"></i> Peace</h2>8
<h2 class="custom-font text-white">Love <i class="far fa-heart"></i></h2>9
</div>10
</div>11
<!-- Background gradient -->12
13
</header>14
<!-- Navigation -->xxxxxxxxxx1
.rainbow-gradient {2
background-color:#adffe4;3
background-image: radial-gradient(at 18% 17%, hsla(34,84%,70%,1) 0, transparent 70%), radial-gradient(at 85% 12%, hsla(195,100%,56%,1) 0, transparent 60%), radial-gradient(at 90% 90%, hsla(6,100%,65%,1) 0, transparent 60%), radial-gradient(at 14% 81%, hsla(291,89%,73%,1) 0, transparent 70%);4
}5
.custom-font {6
font-family: 'Shrikhand', cursive;7
font-size: 10rem;8
-webkit-text-stroke: 3px #000;9
text-shadow: 0px 10px 0px rgb(120, 5, 165);10
}11
@media (max-width: 450px) {12
.custom-font {13
font-size: 5rem;14
}15
}1
1
Console errors: 0