body {
background:#000000;
}
.popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background:#FF7391;
height:200px;
width:100%;
border-radius:7px;
border:1px solid #e5e5e5;
font-family:'helvetica neue';
}
.close{
float:right;
padding:15px;
}
.valid {
height:30px;
width:30px;
background:#fff;
margin:0 auto;
margin-top:30px;
border-radius:5px;
}
#Layer_2 {
margin:7px;
}
h1 {
color:white;
font-family:helvetica;
font-size:.9em;
text-align:center;
font-weight:bold;
line-height:10px;
margin-top:26px;
}
p {
color:white;
font-family:helvetica;
font-size:.75em;
text-align:center;
line-height:1px;
text-shadow: 0px 1px 1px #4CB572;
}
.bottom-popup {
width:100%;
background:#fff;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
margin-top:32px;
padding:30px 0 30px 0;
}
a.start {
margin:-12px 39% 0 0;
border-radius:40px;
background:#FF7391;
padding:6px 20px 6px 20px;
font-family:'helvetica';
color:white;
font-weight:bold;
text-decoration:none;
font-size:.10em;
float:right;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
a.start:hover {
border-radius:5px;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
#Layer_1 {
float:right;
margin:10px;
}