/*this is the first page I ever wrote on Neocities.
Be aware that now I know I could've done a lot of things differnt.
I'm keeping the code the way it is bc if it works it works*/

* {
	box-sizing: border-box;
}

@font-face {
	font-family: "pix Chicago";
	src: url(fonts/pixChicago.woff) format("woff");
}

@font-face {
	font-family: "SF Pixelate";
	src: url(fonts/SF-Pixelate.ttf) format("truetype");
}

@font-face {
	font-family: "Mario Kart DS";
	src: url(fonts/Mario-Kart-DS.ttf) format("truetype");
}

body {
	background-image: url("images/index_background.png");
	background-attachment: fixed;
	overflow: hidden;
}

.container {
	border: none;
	width: 1154px;
	margin: 0 auto;
	margin-top: 10vh;
	padding: 10px;
	overflow: visible;
}

.row {
  height: 200px;
  border: none;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}

.nav-col {
  font-family: "pix Chicago", NSimSun, "Courier New", "Times New Roman", Calibri;
	border: 4px outset brown;
	font-size: 14px;
	width: 100%;
	max-width: 21%;
	float: left;
	height: 260%;
	margin-right: 1%;
	margin-top: 5.9%;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: #FFF9CE;
}

.main-col {
	font-family: "SF Pixelate", "Courier New", "Times New Roman", Calibri;
	border: 4px outset brown;
	padding: 1%;
	font-size: 18px;
	width: 57%;
	float: left;
	height: 250%;
	margin-right: 1%;
	overflow: auto;
	background-color: #FFF9CE;
}

.side-col {
	border: 4px outset brown;
	width: auto;
	float: left;
	height: 140%;
	margin-right: 1%;
	overflow: hidden;
	background-color: #FFFDF3;
}

.lower-col {
	border: 4px outset brown;
	width: 19%;
	float: right;
	height: 150%;
	margin-top: 1%;
	margin-right: 1%;
	padding: 3px;
	overflow: hidden;
	background-color: #FFFDF3;
}

.bottom-col {
	border: 4px outset brown;
	text-align: center;
	width: 57%;
	height: 40%;
	float: left;
	margin-top: 1%;
	background-color: #FFFDF3;
}

img {
	padding-top: 5px;
}

a:hover {
	color: #C70808; 
}

.bb {
	width: auto;
	max-width: 197px;
}
#avatar {
	border-bottom: 4px solid #511414;
	padding: 0;
}

#ava-name {
	font-family: "Mario Kart DS", "Courier New", "Times New Roman", Calibri;
	font-size: 25px;
	text-align: center;
	margin-top: 1.5%;
}

#greeting {
 padding-bottom: 18px; 
}

#date {
	font-size: 13px;
	padding-top: 18px;
}

#coco {
	position: relative;
	margin: 0 auto;
	left: -52.2%;
}

::selection {
	color: #fff;
	background: #FF306A;
}

::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(255,255,255,0%);
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #FF6B6B;
}