body {
background-color:black;
background-image: url("bgtile.png");
}

img.pfp {
position:absolute;
left: 60px;
top: 60px;
}

h1 {
font-family: "ZCOOL QingKe HuangYou", sans-serif;
line-height:20px;
font-weight: 100;
font-style: normal;
font-size: 150px;
color: #33f22a;
text-transform: uppercase;
}

h2 {
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 1px;
font-size: 40px;
color: #000000;
text-transform: uppercase;
}

a:link {
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 1px;
font-size: 50px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}

a:visited {
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 1px;
font-size: 50px;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}

a:hover {
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 1px;
font-size: 40px;
color: #368f16;
text-transform: uppercase;
text-decoration: underline;
}


h3 {
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 1px;
font-size: 40px;
color: #33f22a;
}

p {
text-align: center;
width: 700px;
height: 50px;
margin:auto;
font-family: "Handjet", sans-serif;
font-weight: 400;
line-height: 120px;
font-size: 40px;
color: #33f22a;
}

.level1 {
position: absolute;
text-align:right;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 10px;
width: 700px;
height: 350px;
background-color: #000000;
border: 5px solid #33f22a;
padding: 20px;
border-radius: 15px;
}

.collumn1of2{
position: absolute;
left: 165px;
top: 320px;
transform: translate(-50%, -50%);
margin: 10px;
text-align: center; 
width: 300px;
height: 75px;
background-color: #33f22a;
border-radius: 9px;
}

.collumn2of2{
position: absolute;
left: 535px;
top: 27px;
transform: translate(-50%, -50%);
margin: 10px;

text-align: center;
width: 300px;
height: 75px;
background-color: #33f22a;
border-radius: 9px;
}