Hannah
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Hannah's Card</title>
        <style>
            html, body{
                padding: 0;
                margin: 0;
            }
            html{
                background-image: url(https://dl.dropbox.com/u/26337254/Hannah/IMG_3178.JPG);
                background-size: cover;
            }
            #container-wrap{
            }
            #zebra-layer{
                padding: 50px;
                background-image: url(http://fc09.deviantart.net/fs38/i/2008/321/d/b/Zebra_Print_Vector_by_inferlogic.jpg);
                width: 640px;
                position: absolute;
                left: 50%;
                margin-left: -370px;
                top: 50%;
                margin-top: -230px;
                box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
                -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
                filter: 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5), 
                    progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2);
            }
            #message-layer-top,
            #message-layer-bottom{
                position: absolute;
                left: 50%;
                margin-left: -370px;
                top: 50%;
                margin-top: -300px;
                text-align: center;
                width: 740px;
                color: white;
                font-weight: bold;
                font-family: "Century Gothic", sans-serif;
                font-size: 60px;
                text-shadow: 5px 5px 10px black;
            }
            #message-layer-bottom{
                margin-top: 240px;
            }
        </style>
    </head>
    <body>
            <div id="container-wrap">
                <div id="message-layer-top">
                    HAPPY BIRTHDAY
                </div>
                <div id="zebra-layer">
                    <div id="video-layer">
                        <iframe width="640" height="360" src="http://www.youtube.com/embed/jLYlcc0RTGg" frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
                <div id="message-layer-bottom">
                    MUSHROOM!
                </div>
            </div>
    </body>
</html>