* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "Besty";
	src: url("https://willdotjpg.gay/fonts/Besty.ttf");
}

@font-face {
	font-family: "Daisywheel";
	src: url("https://willdotjpg.gay/fonts/daisywhl.otf");
}

body {
	background-color: #b0c76f;
	font-family: "Daisywheel";
	color: #b0c76f;
	cursor: crosshair;
}

a {
	color: #b0c76f;
}

a:hover {
	background-color: #efefef;
}

p {
	margin-bottom: 10px;
}

.main{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:700px;
    height:900px;
    background:#fff;
    transform-origin:center center;
}

.header {
	width: 680px;
	height: 200px;
	margin-left: 10px;
	margin-top: 10px;
	box-sizing: border-box;
	background-image: url("https://files.catbox.moe/uzigri.jpg");
	background-size: cover;
	background-position: center;
}

.stars {
	width: 150px;
	height: 128px;
	background-image: url("https://willdotjpg.nekoweb.org/templates/shirokuma/threestars_white2.png");
	margin-left: 550px;
	margin-top: -75px;
	position: absolute;
	z-index: 1;
}

.bar {
	width: 680px;
	height: 50px;
	box-sizing: border-box;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url("https://willdotjpg.nekoweb.org/images/backgrounds/lovesickdotcafe_chckr_bg.png");
	align-content: center;
}
.bar a {
	margin-left: 30px;
	color: #000;
	text-decoration: none;
}

.bar a:hover {
	color: #fff;
}

.side {
	width: 250px;
	height: 353px;
	background-image: url("https://files.catbox.moe/zlzik9.jpg");
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
}

h1 {
	font-family: "Besty";
}

.text {
	position: absolute;
	margin-left: 275px;
	margin-top: 10px;
	width: 413px;
	height: 353px;
	overflow: auto;
	align-content: center;
}

.panda {
	background-image: url("https://files.catbox.moe/49jabe.jpg");
	height: 257px;
	width: 150px;
	position: absolute;
	margin-left: 540px;
	margin-top: 355px;
	background-size: cover;
	background-repeat: no-repeat;

}

.left {
	position: absolute;
	border: 1px solid #b0c76f;
	height: 240px;
	width: 225px;
	margin-top: 375px;
	margin-left: 10px;
	padding: 10px;
	box-sizing: border-box;
	overflow: auto;
	align-content: center;
}

.right {
	position: absolute;
	border: 1px solid #b0c76f;
	height: 240px;
	width: 225px;
	margin-top: 375px;
	margin-left: 250px;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	overflow: auto;
}

@media (max-width: 768px) {
    body {
        overflow: auto;
    }

    .main {
        position: relative;
        left: 50%;
        top: 20px;

        width: 700px;
        height: 900px;

        transform-origin: top center;
        transform: translateX(-50%) scale(0.5);
    }
}