* {
	margin:0;
	box-sizing:border-box;
}

body {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100vh;
	background:#D2E3E7;
}

#left-edge, #right-edge {
	position:absolute;
	top:0;
	height:100vh;
	width:25vw;
	z-index:-1;
}
#left-edge {
	left:0;
	background:linear-gradient(to left, #D2E3E7, #ABCBD3);
}
#right-edge {
	right:0;
	background:linear-gradient(to right, #D2E3E7, #ABCBD3);
}

#form-holder {
	position:relative;
}
#form {
	font-size:calc(15px + 0.4vw);
	font-family:sans-serif;
	padding:40px;
	background:rgba(255,255,255,0.8);
	color:#2F2D2E;
	border:2px solid #000;
	border-top-left-radius: 255px 10px;
	border-top-right-radius: 10px 225px;
	border-bottom-right-radius: 225px 10px;
	border-bottom-left-radius: 10px 255px;
	box-shadow:2px 2px 4px #bbb;
	position:relative;
}

#close-btn, .info-btn {
	position:absolute;
	top:10px;
	right:15px;
	border:1px solid #000;
	border-radius:5px;
	cursor:pointer;
	line-height:120%;
	z-index:1;
	background:#2F2D2E;
	color:#fff;
}
.form-item {
	margin:20px;
	position:relative;
}

label {
	margin-right:10px;
}
.action-btn {
	cursor:pointer;
	background:#2968AB;
	font-size:calc(13px + 0.3vw);
	color:#fff;
	border:0;
	border-radius:5px;
	padding:3px 10px 5px 10px;
	box-shadow:1px 1px 2px #bbb;
	width:90%;
	margin-left:5%;
}

.notice, #error, #success {
	font-size:calc(12px + 0.35vw);
	width:90%;
	padding:4px 8px;
	display:flex;
	align-items:center;
	position:relative;
	margin:10px auto;
	border-radius:3px;
}
.notice {
	background:#fcf1b6;
	border:1px solid #f9bf85;
	color:#924d07;
}
#error {
	background:#D1495B;
	border:1px solid #000;
	color:#fff;
}
#success {
	background:#62b762;
	border:1px solid #000;
}
.notice-close, #error-close, #success-close {
	position:absolute;
	right:8px;
	font-size:calc(10px + 0.3vw);
	border:1px solid #924d07;
	border-radius:3px;
	cursor:pointer;
	padding:1px 5px;
	background:rgba(255,255,255,0.7);
}
#error-close {
	color:#000;
}

.admin-btn {
	margin-bottom:2vw;
	margin-top:1vw;
}