/*
Author: Genome36
Version: 1.0
*/

/*--------------------------------------------------*/
/*	GENERAL
/*--------------------------------------------------*/

*, *:before, *:after  {
	position: relative;

	padding: 0;
	margin: 0;

	border: 0;
	outline: 0;

	/*vertical-align: baseline;*/
	background: transparent;

	font-size: 100%;
	text-decoration: none;
	list-style: none;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	       -o-user-select: none; /* Opera */
	          user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

html {
	/* to prevent mobile devices horizontal scrolling */
	-webkit-overflow-y: scroll;
	   -moz-overflow-y: scroll;
	    -ms-overflow-y: scroll;
	     -o-overflow-y: scroll;
	        overflow-y: scroll;
}

body {
	line-height: 1.4;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;

	-webkit-overflow-x: hidden;
	   -moz-overflow-x: hidden;
	    -ms-overflow-x: hidden;
	     -o-overflow-x: hidden;
	        overflow-x: hidden;
}

html,
body,
#webpage {
	background-color: var(--background);
	min-height: 100vh;
}

/*--------------------------------------------------*/
/*	OTHER PRESETS
/*--------------------------------------------------*/

a {
	cursor: pointer;
}

img {
	display: block;

	width: 100%;
	height: auto;

	vertical-align: bottom;
}

hr {
	display: block;

	width: 100%;
	height: 0px;

	margin: 15px 0;
	padding: 0;

	border: 0;
	border-top: 1px solid var(--underline);
}

.hidden,
.closed,
.closed * {
	display: none !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: 0 !important;
}

@media screen and (min-width: 1100px) {
	.one-one    { width: 100%;               }
	.one-half   { width: calc(50% - 10px);   }
	.one-third  { width: calc(33.3% - 10px); }
	.one-fourth { width: calc(25% - 10px);   }
	.one-fifth  { width: calc(20% - 10px);   }
	.one-sixth  { width: calc(16.6% - 10px); }
	.two-third  { width: calc(66.6% - 10px); }
}

@media screen and (max-width: 1100px) {
	.one-one,
	.one-half,
	.one-third,
	.one-fourth,
	.one-fifth,
	.one-sixth,
	.two-third {
		width: 100%;
	}
}