@charset "utf-8";

@media (max-width: 1500px){
}

HTML {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	background-color: #0f2e34;
	color: #F9F9F9;
	margin: auto;
	margin-top: 50px;

}

li{
	font-size: 16px;


}
ol{
	font-size: 16px;


}


img {

	border-radius: 7px;
	margin: 2px 2px 2px 2px;
	display: inline-block;
	text-align: center;

}

body {

	margin: auto;
	align-items: center;

}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #808080;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.center {
  display: block;
  margin: auto;
	}

p {
	font-size: 14px;
}

.MyName {
	font-size: 20px;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 5px 5px 5px 5px;
}

.MyName2 {
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;
	font-family:  "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: auto;
}


.Disc {
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	font-family:  "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: auto;
}



table.center {
	 margin-left:auto;
	 margin-right:auto;
 }


 table {
	 margin: auto;
	 width: auto;
	 font-size: 10px;
	 text-align: justify;
	 vertical-align: text-top;
	 align-content: center;

 }

 td {
	 margin-left: auto;
	 margin-right: auto;
	 vertical-align: top;
	 text-align: justify;
	 align-self: center;
	 width: 300px;
	 padding: 7px 7px 7px 7px;

 }

 .bounce {
	 animation-name: bounce;
	 -webkit-animation-name: bounce;
animation-name: bounce;
 }

#TwitterBox {
	border: #000000;
	width: 200px;
	background-color: #000000;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}


#BlueskyBox {
	border: #C3E6DF;
	width: 200px;
	background-color: #C3E6DF;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#TumblrBox {
	border: #FFE979;
	width: 200px;
	background-color: #FFE979;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#TwitchBox {
	border: #6441a5;
	width: 200px;
	background-color: #6441a5;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#FacebookBox {
	border: #4267B2;
	width: 200px;
	background-color: #4267B2;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#kofiBox {
	border: #CFF362;
	width: 200px;
	background-color: #CFF362;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#ShopBox {
	border: #F8B2BC;
	width: 200px;
	background-color: #F8B2BC;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#InstagramBox {
	border: #B2B5DA;
	width: 200px;
	background-color: #B2B5DA;
	text-align: center;
	border-style: solid;
	border-width: 5px;
	border-radius: 50px;
	padding: 10px 10px 10px 10px;
	margin: auto

}

#image-social-thumbs {
	float: left;


}

.floatimage {
float: left;
position: relative;
margin-left: 140px;
display: block;
}

#image-social-thumbs:hover {
transform: scale(1.2);
}



.MyInfo {
	text-align: center;
	font-size: 22px;
	letter-spacing: 3px;
	font-family:  "Myriad Pro", Helvetica, Arial, "sans-serif";

}



.MyInfo2 {
	font-size: 16px;
	text-align: center;
	letter-spacing: 4px;
	margin-top: -15px;
	font-family: Arial, "sans-serif";
}
#menu {

	text-align: center;
	font-family: Calibri;
	font-size: 20px;


}

footer {
	text-align: center;
	color: #00010D;
}

.titleInfo {

font-weight: bold;
font-stretch: expanded;
font-size: 20px;

}


.titleInfo2 {

font-style: italic;
font-stretch:semi-expanded;
font-size: 15px;

}

@media (min-width: 768px) {
  /* Rules for tablets and bigger viewports */
}

@media (min-width: 992px) {
  /* Rules for laptops, small desktop screens and bigger viewports */
}

@media (min-width: 1200px) {
  /* Rules for larger desktop screens only */
}