Mac OS X Lion Kernel Panic

Kernel Panic faithfully recreated using CSS, no images used! Needs a better font though.

by Giorgio Malvone

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
<div>
    <div id="powerContainer">
        <p id="powerIcon">
            <i class="fa fa-power-off"></i>
        </p>
    </div>
    <div id="kernelText">
        <p> You need to restart your computer. Hold down the power button for several seconds or press the restart button.</p>
        <p> Veuillez redémarrer votre ordinateur. Maintenez la touche de démarrage enfoncée pendant plusieurs secondes ou bien appuyez sur le bouton de réinitialisation. </p>
        <p> Sie müssen Ihren Computer neu starten. Halten Sie dazu die Einschalttaste einige Sekunden gedrückt oder drücken Sie die Neustart-Taste. </p>
        <p> Musisz zrestartować swój komputer. Wciśnij i przytrzymaj przez kilka sekund przycisk Power lub wciśnij Restart.</p>
    </div>
    <p id="link"> 
        <a href="http://hexapodscorner.blogspot.co.uk" target="_blank"> Giorgio Malvone</a>
    </p>
</div>

CSS

body{
    background-color:#222222;
}
#powerContainer{
    background-color:#555555;
    border-radius:100%;
    width:250px;;
    height:250px;
     position:absolute;
    left:50%;
    top:50%;
    margin:-125px 0 0 -125px;
}
#powerIcon{
    
    color:#222222;
    font-size:10em;
    text-align:center;
    vertical-align:center;
    line-height:1em;
    margin:0;
    line-height:1.60em;
}
#kernelText{
    font-family: 'Karla', sans-serif;
    height:310px;
    width:450px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-155px 0 0 -225px;
    color:#FFFFFF;
    font-weight:500;
}
#link{
    position:absolute;
    bottom:0;
    right:5px;
    color:#ecf0f1;
    font-family: 'Karla', sans-serif;
}
a{
    text-decoration:none;
}
#link a:visited{
    color:#95a5a6;
}
#link a:link{
    color:#bdc3c7;
}