<link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>

<style>
@font-face {font-family: 'christmas'; src: url("https://dl.dropboxusercontent.com/u/224124777/christmaseve.ttf"); }

.popuptitle{
    font-family: "christmas";
    font-size: 70px;
    text-align: center;
    text-decoration: underline;
    color: #fff;}

.box2{
float:center;
width:276px;
height:300px;
overflow-x:hidden;
overflow-y:scroll;
background: #fff;
text-align: center;
font-family: 'Coming Soon', cursive;
font-size: 14px;
line-height: 12px;
color: #fff;
border: 6px double #FFFFFF;
z-index:9999999999;
margin-top:10px;
margin-left:-8px;
display: inline-block;
-moz-box-shadow: 0 0 20px 5px #FFFFFF;
-webkit-box-shadow: 0 0 20px 5px#FFFFFF;
box-shadow: 0 0 20px 5px #FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.box3{
float:center;
width:276px;
height:300px;
overflow-x:hidden;
overflow-y:scroll;
background: #fff;
text-align: center;
font-family: 'Coming Soon', cursive;
font-size: 14px;
line-height: 12px;
color: #fff;
border: 5px double #FFFFFF;
z-index:9999999999;
margin-top:10px;
margin-left:-8px;
display: inline-block;
-moz-box-shadow: 0 0 20px 5px #FFFFFF;
-webkit-box-shadow: 0 0 20px 5px#FFFFFF;
box-shadow: 0 0 20px 5px #FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
</style>