/* CSS Document */
body{font-family:'Spartan', CenturyGothic,"Century Gothic",Futura,Geneva,Helvetica !important;
	}

.back-black {
	background-color: #111111 !important;
}

.blacktowhite {
	filter: invert(100%);
}

.topicon, a.topicon:active, a.topicon:link, a.topicon:visited {
	color: #000000 !important;
	font-size: 24px !important;
	line-height: 10px !important;
}
a.topicon:hover {
	color: #146FFF !important;
	text-shadow: 1px 5px 8px #cccccc !important; 
	transition: all 0.5s !important;
}
.bottomicon, a.bottomicon:active, a.bottomicon:link, a.bottomicon:visited {
	color: #ffffff !important;
	padding: 0px 5px;
}
a.bottomicon:hover {
	color: deepskyblue !important;
	transition: all 0.5s !important;
}

.linktree-back {
	background:linear-gradient(to bottom, #111111 5%, #333333 100%);
	max-width: 800px;
	padding: 20px;
	border-radius: 10px;
	margin: 20px auto;
	width: 80%;
}

.whiteh2 {
    color: #eeeeee !important;
}

@media only screen and (max-width:600px) {
	.linktree-back {
		width: 95% !important;
	}
}

.txt-pic {
	font-size: 12px;
	line-height: 16px;
}

.icons {
	font-size: 30px;
}

.pad30 {
	padding: 30px !important;
}

.nav-link:hover {
	color: #AAAAAA !important;
	transition: 0.7s;
}


a:hover {
	color: #AAAAAA !important;
	transition: 0.7s;
	text-decoration: none;
}

.myButton {
	box-shadow:inset 0px -3px 7px 0px #222222;
	background:linear-gradient(to bottom, #333333 5%, #777777 100%);
	background-color:#222222;
	border-radius:40px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	padding:11px 32px;
	text-decoration:none;
	width: 95%;
	text-shadow:0px 1px 0px #000000;
}
.myButton:hover {
	background:linear-gradient(to bottom, #cccccc 5%, #aaaaaa 100%);
	background-color:#B7B7B7;
	color: #222222 !important;
	text-decoration:none;
	text-shadow:0px 1px 10px #ffffff;
	border-radius: 15px;
	transition: 0.7s;
}
.myButton:active {
	position:relative;
	top:1px;
}

.butshort {
	width: 170px !important;
	border: 0px !important;
	font-size: 15px !important;
}

h1{ font-weight: 100;
	font-size: 60px;
	padding: 15px 15px;
	margin: 20px auto;
}

h2 { font-weight: 100;	
}

[data-scroll] {
  transition: opacity 1s;
}
[data-scroll="in"] {
  opacity: 1;
}
[data-scroll="out"] {
  opacity: 0;
}