body
{
background-image:url(code.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor:pointer;
}
a{
text-decoration:none;
font-size:18px;
color:#333333;
}
a:hover{
text-decoration:underline;
font-size:18px;
color:#333333;
}
#popup{
position:absolute;
display:hidden;
top: 23%;
left: 42%;
width: 700px;
height:auto;
margin-left:-250px;
background: linear-gradient(200deg, rgb(77, 189, 144) 0%, rgba(80, 179, 226, 0.9) 100%);
box-shadow: rgba(0,0,0,0.15) 1px 1px 5px;
z-index:99999;
padding:20px;
border:none;
border-radius:0px;


}
#popup h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
}
#popup h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
}
#popup p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:justify;
}
#popup a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:right;
float:right;
}
#overlay-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 5;
display: none
}
.close-image{
display: block;
float:right;
position:relative;
top: -27px;
right: -27px;
height: 25px;
width: 25px;
}