@charset "UTF-8";
/* CSS Document */



@font-face {
  font-family: Montserrat-Medium;
  src: url("../../../fonts/Montserrat/Montserrat-Medium.ttf");
  /*src: url(data:font/ttf;base64,STRING) format('truetype');*/
}

@font-face {
  font-family: Montserrat-SemiBold;
  src: url("../../../fonts/Montserrat/Montserrat-SemiBold.ttf");
  /*src: url(data:font/ttf;base64,STRING) format('truetype');*/
}

:root {
	
	/* Default theme */
	--default_background-color: #ededed;
	--default_text-color: #000;
	--default_link-color: #222;
	
	
	
	/* Light theme */
	--lt_background-color: #ededed; 
	--lt_text-color: #000;
	--lt_link-color: #222;
	
	
	
	/* Dark theme */
	--dt_background-color: #333333;
	--dt_text-color: #fff;
	--dt_link-color: #999;
}


html{
	/*
	-webkit-user-select: none;
	user-select: none;
	*/
}

body {
	background-color: var(--default_background-color);
	color: var(--default_text-color);
	font-family: Montserrat-Medium);
}

a {
	color: var(-default_link-color);
}

.buttonO{
	width: 240px;
	height: 240px;
	border-radius: 240px;
	display: block;
	position: fixed;
	left: calc(50vw - 30px);
	overflow: hidden;
	box-sizing: border-box;
	padding: 0px;
	border: 0px solid yellow;
	transition: all .4s ease-in-out;
	top: -81px;
	transform: scale(0.20);
	left: calc(50vw - 120px);
	opacity: 0;
	/*transform-origin: 0 0;*/
	
	z-index: 4;
}

.buttonO iframe{
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid green;
	border-radius: 50%;
	overflow: hidden;
	box-sizing: border-box;
	width: 240px;
	height: 240px;
	pointer-events: none;
	z-index: 4;
}

.buttonO a{
	position: absolute;
	border-radius: 50%;
	border: 0px solid red;
	top: 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.0);
	
	pointer-events: all;
	cursor: pointer;
	z-index: 4;
}