* { margin: 0; padding: 0; font-family: 'Lora', serif; font-size: 0px; }

html {
	height: 100%;
	background: url('../img/bg.png');
	background-position: 70%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

* {
	font-size: 25px;
}

body {
	background-color: rgb(0,0,0,0.5) !important;
	padding: 0 10px 0 10px;
}

.tab1 {
	position: absolute;
	top: 20%;
	left: 25%;
	padding: 10px;
	background-color: rgb(255,255,255,0.6);
	border-radius: 10px;
	border-width: 5px;
	border-color: pink;
	border-style: solid;
/*	transform: scale(1.5);*/
}

@media (max-width: 1200px) {
	.tab1 {
		left: 15%;
/*		transform: scale(1);*/
	}
}

@media (max-width: 1000px) {
	.tab1 {
		left: 0%;
	}
}

.tab2 {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 90%;
	height: 70%;
	font-size: 0;
}

.tab2 textarea {
	width: 31%;
	height: 100%;
	margin: 0 2% 0 0;
	border: 0;
	background-color: rgb(255,255,255,0.5);
	resize: vertical;
}

.button {
/*	background: none;*/
	padding: 5px 20px;
	border-style: solid;
	border-radius: 15px 15px 0 0;
}