<html>
<head>

<title>FIT</title>
</head>
<style>
HEAD{
DISPLAY: FLEX;
JUSTIFY-CONTENT: TOP;
ALIGN-ITEMS: TOP;
}

body{
background: linear-gradient(TO bottom, #0D0A0B ,#009FC2);
DISPLAY: flex;
JUSTIFY-CONTENT: center;
ALIGN-ITEMS: center;
MIN-HEIGHT: 100vh;}
*
{
MARGIN: 0;
PADDING: 0;
BOX-SIZING: BORDER-BOX;
font-family: 'poppins', sans-serif;}


.content h2{
position: absolute;
transform: translate(-17%, -150%);
font-size: 8em;}
.content h2:nth-child(1){
color: transparent;
-webkit-text-stroke: 1px #03a9f4;
text-shADOW: 0 0 5PX red,
0 0 25PX red, 0 0 50PX red,
0 0 100PX red, 0 0 200px red;

}
button{
position: RELATIVE;
TOP: 150PX;
LEFT: -6PX;
width: 300px;
HEIGHT: 70PX;
background: transparent;
border: 4px solid #3eff37;
text-transform: uppercase;transform: box-shadow: red;
box-shADOW: 0 0 5PX CYAN, 0 0 25PX CYAN;

}

BUTTON: HOVER{
box-shADOW:  0 0 5PX cyan,
0 0 25PX cyan, 0 0 50PX  cyan,
0 0 100PX cyan, 0 0 200px  cyan;}

A{
TEXT-DECORATION: NONE;
COLOR:white;
FONT-WEIGHT: BOLD;
FONT-SIZE: 50PX;}
</style>
<body>
<DIV CLASS="CONTENT">
<H2>MEMORY&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GAME</H2>
</DIV>
<button><a href="Level 1.html">Level 1</a></button>
<button style="margin-left: 200px"><a href="Level 2.html">Level 2</a></button>



</body>
</html>