/**********************
***   Google Fonts   **
***********************/
/* open-sans-300 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-regular - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-500 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/open-sans-v28-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600 - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-300italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/open-sans-v28-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/open-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-500italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/open-sans-v28-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  /* open-sans-600italic - latin */
  @font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/open-sans-v28-latin-600italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/open-sans-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/open-sans-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/open-sans-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/open-sans-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/open-sans-v28-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
/* montserrat-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-italic - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-500 - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-500italic - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-600 - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-600italic - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-700 - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-700italic - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  
  /* montserrat-800 - cyrillic_cyrillic-ext_latin_latin-ext */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.eot'); /* IE9 Compat Modes */
	src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext-800.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  

* { outline: none }

body {
	font-size: 24px;
	width: 1080px;
	height: 1920px;
	font-family: "Montserrat", Arial, sans-serif;
}

div#container {
	width: 100%;
	height: 100%;
    background-image: linear-gradient(#4d4d4d, #888888);
	margin-left: auto;
	margin-right: auto;
}

div#container header { background: url(../img/logo.png) 50% 50% no-repeat; height: 270px; margin:0; }

/*******************
***  Navigation   **
********************/
 #nav_btn{
	cursor: pointer;
	font-size: 26px;
	margin-left: 40%;
	margin-right: 40%;
	margin-bottom:30px;
	padding:30px;
	border-radius: 10px;
	text-transform: uppercase;
	background-color:red;
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	border-radius: 4px;
	transition: box-shadow .5s ease, transform .2s ease; 
	will-change: transform;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transform:
			translateY(var(--ty, 0))
			rotateX(var(--rx, 0))
			rotateY(var(--ry, 0))
			translateZ(var(--tz, -12px));
			box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    
}

 #nav_btn:active {
	background-color: #3e8e41;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
  }



.menu {
	position: absolute;
	left: -100%;
	top:390px;
	z-index: 998;
	color: #005c9c;
	background: rgba(123, 123, 123, 0.8);
	-webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
			clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
	width: 800px;
	height: 1500px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: 500ms left cubic-bezier(0.77, 0, 0.175, 1);
  }

  .menu.active {
	left: 0;
  }

  .in_menu li {
	font-size:40px;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:40px;
	color:white;
	width:100%;
	left:0;
  }

  .in_menu li:nth-child(1) {
	background-color:#83bc25;
}

.in_menu li:nth-child(2) {
   background-color:#e51c20;
}
.in_menu li:nth-child(3) {
   background-color:#ee752f;
}
.in_menu li:nth-child(4) {
   background-color:#3382b9;
}
.in_menu li:nth-child(5) {
   background-color:#9a2573;
}
.in_menu li:nth-child(6) {
   background-color:#edc90f;
}
.in_menu li:nth-child(7) {
	background-color:#83bc25;
 }
 .in_menu li:nth-child(8) {
	background-color:#e51c20;
 }

  ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.in_menu a::before {
	content: '';
	display: block;
	height: 2px;
	width: 0;
	position: absolute;
	left: -30px;
	top: 50%;
	background-color: #6191d1;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	transition: width 0.3s;
  }
/****************
***  Content   **
*****************/
.content_container { 
	height:1500px;
    background: linear-gradient(#fff, #e3e3e3);
	margin-left: 50px;
	margin-right: 50px;
	overflow: auto;
	border-radius: 10px;
	overflow:hidden;
}


.content_container h1 {
	background: rgb(71,26,0);
	background: linear-gradient(90deg, rgba(71,26,0,1) 0%, rgba(238,117,47,1) 35%, rgba(251,189,153,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
}

.content_container .topic_m1 {
	background: rgb(44,70,0);
	background: linear-gradient(90deg, rgba(44,70,0,1) 0%, rgba(131,188,37,1) 35%, rgba(217,255,155,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.content_container .topic_m2{
	background: rgb(80,0,2);
	background: linear-gradient(90deg, rgba(80,0,2,1) 0%, rgba(229,28,32,1) 35%, rgba(255,155,157,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.content_container .topic_m4{
	background: rgb(0,65,110);
	background: linear-gradient(90deg, rgba(0,65,110,1) 0%, rgba(51,130,185,1) 35%, rgba(113,186,237,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.content_container .topic_m5{
	background: rgb(73,0,48);
	background: linear-gradient(90deg, rgba(73,0,48,1) 0%, rgba(154,37,115,1) 35%, rgba(252,155,220,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.content_container .topic_m6{
	background: rgb(167,140,0);
	background: linear-gradient(90deg, rgba(167,140,0,1) 0%, rgba(237,201,15,1) 35%, rgba(254,238,157,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.content_container .topic_m9{
	background: rgb(51,130,185);
	background: linear-gradient(9deg, rgba(51,130,185,1) 0%, rgba(128,186,227,1) 100%);
	padding:20px 20px 20px 30px;
	color:white;
	font-size:26px;
	text-transform:uppercase;
	box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.content {
	overflow: hidden;
}

.inner_content {
	overflow-y: auto;
	height:1340px;
	width:1000px; /* hack um die scrollbar zu verstecken*/
	padding-left:30px;
	font-size:20px;
	font-weight:300;
}

#back_btn{
	cursor: pointer;
	font-size: 26px;
	padding:30px;
	border-radius: 10px;
	text-transform: uppercase;
	background-color:red;
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	border-radius: 4px;
	transition: box-shadow .5s ease, transform .2s ease; 
	will-change: transform;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transform:
			translateY(var(--ty, 0))
			rotateX(var(--rx, 0))
			rotateY(var(--ry, 0))
			translateZ(var(--tz, -12px));
			box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    
}

 #back_btn:active {
	background-color: #3e8e41;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
  }

  #contact_btn{
	cursor: pointer;
	font-size: 26px;

	margin-bottom:30px;
	padding:30px;
	border-radius: 10px;
	text-transform: uppercase;
	color:White;
	background-color:red;
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	border-radius: 4px;
	transition: box-shadow .5s ease, transform .2s ease; 
	will-change: transform;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transform:
			translateY(var(--ty, 0))
			rotateX(var(--rx, 0))
			rotateY(var(--ry, 0))
			translateZ(var(--tz, -12px));
			box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    
}

 #contact_btn:active {
	background-color: #3e8e41;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
  }