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

body {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	background-color: #EBE1E1;
}

#main {
	margin:auto;
	max-width:72%;
	border:medium;
	border-radius:64px;
	box-shadow:inset 6px -6px 13px #990099;
    background: linear-gradient(135deg, #efc5ca 0%,#d5f2b5 50%,#d8c8f4 82%,#f18e99 100%);
}

p, input {
	text-align:center;
	font-weight:bold;
}

.c1 {
	color:#000;
	font-weight:bolder;
}

.c2 {
	color:#009;
	font-weight:bolder;
	font-size:16px;
}

.ok {
   border: 3px solid #110101;
   background: #F5E60D;
   padding: 2px 6px;
   border-radius: 6px;
   box-shadow:  0px 0px 12px #E31215;
   text-shadow: #7ea4bd 0 1px 0;
   color: #0A0D80;
   font-size: 12px;
   font-family: Trebuchet MS;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   transition: 0.4s;
   cursor: pointer;
}

.ok:hover {
   padding: 2px 12px;
   border: 3px solid #EF3236;
   text-shadow: #1e4158 0 1px 0;
   background: #0CE956;
   color: #FFFFFF;
   box-shadow:  0px 0px 10px #2422DD;
}

.ok:active {
   padding: 4px 10px;
   text-shadow: #1e4158 0 1px 0;
   border: 3px solid #085a75;
   background: #E51519;
   color: #fff;
}