style.css

body
{
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    top: 15%;
    background-image: linear-gradient(to right, red, yellow);
}


h1
{
    display: flex;
    justify-content: center;
    font: 500 5vw 'raleway', fantasy, sans-serif;
    font-family: Impact, fantasy;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-transform: capitalize;
    letter-spacing: .5em;
    width: 100%;
    
}

h2

{
    font: 500 1.5em 'raleway', fantasy, sans-serif;
    font-family: Impact, fantasy;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-transform: capitalize;
    letter-spacing: .5em;
    width: 100%;
    
}


h3
{
    font: 900 1em sans-serif;
    font-family: Impact, fantasy;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: .5em;
    width: 100%;
    
}


button {
	box-shadow: 0px 1px 8px 0px #000000;
	background-color:transparent;
	border-radius:42px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	padding:11px 17px;
	text-decoration:none;
	text-shadow:0px -1px 0px #9e9e9e;
}
button:hover {
	background-color:transparent;
}
button:active {
	position:relative;
	top:1px;
}