body {
font-family: "MingLiU_HKSCS-ExtB";
background-image: url('fourby3.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed
}

h1 {
font-family: "Impact"; 
}

h2 {
font-family: "Impact"; 
}

.buttons {
position: fixed;
left: 14%;
top: 50%;
z-index:3
}

.home { 
position: relative;
width: 30%;
height: 30%;
}

.regard { 
position: relative; 
width: 30%;
height: 30%;
top: 140px;
left: -31%;

}

.bannar {
position: absolute;
width: 76%;
height: 50%;
left: 12.3%;
top: 0px;
z-index: 2
}

.title {
 position: absolute;
 top:80%;
 left:35%;
}

.advs {
position:absolute;
top:70%;
left:68%;
}

.textshitblurrhh {
position: absolute;
text-shadow: 2px -2px 1px  #FFFFFF;
top: 100%;
left: 35%;
}

.aboutmetext {
position: absolute;
text-shadow: 2px -2px 1px  #FFFFFF;
top: 120%;
left: 35%;
}

.mainpfp {
position: absolute;
top: 47%;
left: 35%;
transform: scale(0.7);
}