* {margin:0; padding:0; font-family:Helvetica,Arial,sans-serif; font-size:13px /*17px*/; font-weight:bold; box-sizing:border-box;}
	html {
		background:url('../../assets/imgwallpaper/img-742824-most-popular-openbsd-wallpaper-1920x1080.webp') no-repeat center top fixed #FFF;
		background-attachment:fixed;
		width:100%; height:100%;
		top:0; left:0; right:0; bottom:0;
		margin-top:0%; margin-left:0px; margin-right:0px; margin-bottom:0%;
		background-position:center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		/*overflow:hidden;*/
		scrollbar-width:thin; /* \"auto\" or \"thin\" */
		scrollbar-color:#FF0033 grey;	/*#C69500*/ /*blue orange*/;	/* scroll thumb and track */
		scroll-behavior:smooth;
	}

	body {
		padding-top:7rem; /*padding-top:3rem;*/
		padding-bottom:7rem; /*padding-top:3rem;*/
		background-color:rgba(2,16,39,0.5) /*#021027*/ /*navy blue*/;;
		top:0; left:0; right:0; bottom:0;
		font-family:Helvetica,Arial,sans-serif;
		vertical-align:text-top;
	}

	/* NavBar */
	/*.navbar {
		background-color:rgba(2,16,39,0.25) /*#021027*/ /*navy blue*/;
		/*position:fixed;
		top:0;
		width:100%;
		overflow:hidden;
	}
	.navbar a:hover {
		background:rgba(255,51,0,0.5) /*#ddd*/ /*;
		color:lime /*#FF3300*/ /*black*/ /*;
	}*/
	

	/* Pure CSS Back To Top */
	.arrow{
		position:fixed;
		bottom:30px;
		right:30px;
		z-index:9;
	}
	.arrow a{
		height:29px /*39px*/;
		width:29px /*37px*/;
		text-align:center;
		background:#FF3300;
		display:block;
		border-radius:3px;

		font-size:19px;
	}
	.arrow a span{
		color:#f2f2f2;
		/*font-size:25px;*/
		font-weight:bold;
		line-height:39px;
		cursor:pointer;
	}

	/*Use with style-nav-base.css*/
	div.ArrowUp {
		position:fixed;
		top:100%;
		left:100%;
		margin-top:-190px;
		margin-left:-150px;
	}
	div.ArrowUp img {width:100px;}

	img:hover {
		-moz-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        -webkit-transform:scaleX(-1);
        transform:scaleX(-1);
        filter:FlipH;
        -ms-filter:"FlipH";
	}
	.img-hor {
		-moz-transform:scaleX(-1);
		-o-transform:scaleX(-1);
		-webkit-transform:scaleX(-1);
		transform:scaleX(-1);
		filter:FlipH;
		-ms-filter:"FlipH";
	}
	.img-hor:hover {
		-moz-transform:scaleX(1);
		-o-transform:scaleX(1);
		-webkit-transform:scaleX(1);
		transform:scaleX(1);
		filter:FlipH;
		-ms-filter:"FlipH";
	}
	.img-vert {
		-moz-transform:scaleY(-1);
		-o-transform:scaleY(-1);
		-webkit-transform:scaleY(-1);
		transform:scaleY(-1);
		filter:FlipV;
		-ms-filter:"FlipV";
	}
	.img-hor-vert {
		-moz-transform:scale(-1, -1);
		-o-transform:scale(-1, -1);
		-webkit-transform:scale(-1, -1);
		transform:scale(-1, -1);
	}