@charset "UTF-8";
@import "global.css";

.begin {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 	1003;
}
.begin div {
	background:     white;
	box-shadow: 	0px 5px 5px 0px rgba(0, 0, 0, 0.14);
	position: 		absolute;
	left: 			50%;
	top: 			20%;
	height: 		auto;
	width: 			400px;
	margin-left: 	-200px;
	padding: 		40px;
	text-align: 	center;
	z-index: 		1001;
}
.begin div.close-background { 
	z-index: 1000;
}
.begin a.button {
	background: 	var(--primary-color);
	border-radius: 	10px;
	color: 			white;
	display: 		inline-block;
	padding: 		10px 40px;
	font-size: 		16px;
	
	box-shadow: 	0px 5px 5px 0px rgba(0, 0, 0, 0.14);
	/*text-shadow: 	0px 5px 5px rgba(0, 0, 0, 0.14);*/
}
.begin p {
	display: 	inline-block;
	font-size: 12px;
}
.begin a.close {
	background: 	grey;
	padding: 		10px;
	position: 		absolute;
	right: 			10px;
	top: 			10px;

}
/* MOBILE */
@media (max-width: 467px) {
	.begin {
		position: fixed;
	}
	.begin div {
		width: auto;
	}
}