DARREN CRISS.'S TROPHIESFIRST PLACE[dohtml]<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><style>
#isabelle { position: relative; height: 200px; width: 350px; overflow: hidden; }
#isabelle .darcr { height: 200px; width: 350px; background-image: url(http://i.imgur.com/ZZURRU3.png); -webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out; position: absolute; }
#isabelle:hover .darcr { height: 200px; width: 350px; background-image: url(http://i.imgur.com/Dpxi2qN.png); -webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out; position: absolute; }
#isabelle .heartbreaker { height: 100px; width: 160px; margin-left: 10px; background-color: #fefefe; opacity: .8; position: absolute; margin-top: 200px; -webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out;}
#isabelle:hover .heartbreaker { height: 100px; width: 160px; margin-left: 10px; background-color: #fefefe; opacity: .8; position: absolute; margin-top: 90px; -webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out;}
</style>
<center>
<div id="isabelle"><div class="darcr"><div class="heartbreaker"><div style="height: 5px;"></div>
<div style="text-align: center; font-family: georgia; line-height: 12px; font-size: 10px;">CONGRATULATIONS</div><div style="font-family: 'Grand Hotel', cursive; font-size: 24px; text-align: center; line-height: 26px;">darren criss.</div><div style="text-align: center; font-family: georgia; line-height: 12px; font-size: 10px;">ISABELLE [COLOURING]</div><div style="font-family: 'Grand Hotel', cursive; font-size: 24px; text-align: center; line-height: 26px;">first place</div><div style="text-align: center; font-family: georgia; line-height: 12px; font-size: 10px;">WEASLEYS' WIZARD WHEEZES</div></div></div></div></center>
[/dohtml]
SECOND PLACE[dohtml]<center> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style type="text/css">
#balloondar {width:350px; height: 200px; position: relative; overflow: hidden;}
#balloondar .left { -webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out; position: absolute; left: 0px; width: 350px; height: 200px; top: 0px; opacity: 0; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
#balloondar:hover .left {-webkit-transition: .6S all ease-in-out; -moz-transition: .6S all ease-in-out;-o-transition: .6S all ease-in-out;transition: .6S all ease-in-out; opacity: 1; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
</style>
<div id="balloondar"><div class="left"><div style="padding: 15px;"><div style="height: 160px; width: 310px; background-color: #fefefe; opacity: .8; padding: 5px; text-align: center; color: #222222;"><div style="font-family: 'Lobster', cursive; font-size: 36px; line-height: 40px; margin-top: 25px;">Congratulations Darren Criss.!</div><div style="font-family: verdana; font-size: 10px; line-height: 12px;">SECOND PLACE HER PASTEL BALLOONS AT WWW</div></div></div></div><img src="http://i.imgur.com/cfd5mdO.png"></div></center>[/dohtml]
THIRD PLACE[dohtml]<style type="text/css">
#awarddarr {width: 220px; height: 180px; position: relative; overflow: hidden;}
#awarddarr .left { -webkit-transition: 1S all ease-in-out; -moz-transition: 1S all ease-in-out;-o-transition: 1S all ease-in-out;transition: 1S all ease-in-out; position: absolute; left: 0px; width: 220px; height: 180px; top: 0px; }
#awarddarr:hover .left {-webkit-transition: 1S all ease-in-out; -o-transition: 1S all ease-in-out; -moz-transition: 1S all ease-in-out;transition: 1S all ease-in-out; top: -185px;}
</style>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<center><div style="width: 330px; height: 200px; border-left: 10px solid #c02b2f; border-right: 10px solid #c02b2f; background-color: #dcdcdc;"><div style="height: 180px; border-right: 5px solid #FD5F63; border-left: 5px solid #FD5F63; padding: 10px;"><div style="float: left;"><img src="http://i.imgur.com/qtxgq9H.png"></div><div style="float: left; margin-left: 5px;"><div id="awarddarr"><div class="left"><div style="font-family: 'Dancing Script', cursive; font-size: 32px; color: #222222; text-align: center; line-height: 36px; padding-top: 40px; height: 150px;">Congratulations,<br>Darren Criss.</div><div style="font-family: 'Dancing Script', cursive; font-size: 32px; color: #222222; text-align: center; line-height: 36px; padding-top: 20px; height: 160px;">3rd Place<br>Kaya Retouch<br>
at weasleys' wizard wheezes</div></div></div></div></div></div></center>[/dohtml]
HONORABLE MENTIONFEATURES & PROMOTIONS
[dohtml]<center><div class="codepromoo" style="background:#c02121"><div class="wwwcred">Weasleys' Wizard Wheezes</div><div class="congrats" style="background:#da2229">congratulations</div><div class="circle"><div class="rank">year 5</div></div><div class="promodet"><span>coding promotions</span><span>august 2014</span></div><div class="render"><img src="http://i.imgur.com/AwtUxoi.png"></div></div></center>[/dohtml]
