:root {
	--accent: #FFFFE9;
	--text: #000000;	
	--userfont: montserrat, sans-serif;
}

@font-face { src: url("fonts/Montserrat-Regular.woff2") format("woff2"); font-family: "montserrat"; font-weight: 400; font-style: normal; }
@font-face { src: url("fonts/Montserrat-Bold.woff2") format("woff2"); font-family: "montserrat"; font-weight: 700; font-style: normal; }
@font-face { src: url("fonts/Montserrat-Medium.woff2") format("woff2"); font-family: "montserrat"; font-weight: 500; font-style: normal; }

.video_left {
	width: 100%;
	border-radius: 7px;
}

.video_right {
	border-radius: 7px;	
	width: 100%;	
}

h1 {
	color: #111;
}

.video_name {	
	font-family: montserrat;
	font-style: normal;
	font-size: 36px;
	font-weight: 700;
	color: #111;
	padding-left: 20px;
}



.video_description {
	padding-left: 20px;
}

.video_description h1 {	
	font-family: montserrat;
	font-style: normal;
	font-size: 28px;
	font-weight: 500;
	color: #111;
}

.container {	
	margin: 1%;
	width: 98%;
}

/* Vertical line between left and right part */


.menu {
	background-color: #FFFFE9;
	font-family: montserrat;
	font-size: 36px;
	font-weight: 700;
			/* прокрутка по вертикали */
	padding: 2%;
}

.video_right_name {
	color: #111;	
}

a {
	text-decoration: none;
}

/* Split the screen in half */
.split {
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	overflow-x: hidden;

}

/* Control the left side */
.left {	
	width: 75%;	
	left: 0;
	background-color: #FFFFE9;
}

/* Control the right side */
.right {
	width: 25%;
	right: 0;
	background-color: #FFFFE9;
	border-left: 3px solid black;
}





/* Copy Button*/

.button_div {
	padding-left: 20px;	
	font-size: 30px;
	font-family: montserrat;
	font-weight: 700;
	background-color: #FFFFE9;
	border: none;	
}

.icon_img {
	width: 24px;
	height: 24px;
	padding-right: 6px;	
}

.button {
	position: relative;	
	font-size: 30px;
	font-family: montserrat;
	font-weight: 700;
	background-color: #FFFFE9;
	border: none;	
}

.button_div :hover {
	opacity: 0.7;	
	transition: 0.1s;	
}