html                                                                {background-color:black;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;background-size:contain;height:100%;color:white;}
body                                                                {font-family:'Roboto';font-size:1em;font-weight:100;padding:0;margin:0;color:white;height:100%;}

a                                                                   {color:white;}
a:hover                                                             {color:white;}
a:visited                                                           {color:white;}

#main                                                               {position:relative;height:100%;}

#date                                                               {position:absolute;left:24px;top:24px;width:220px;height:220px;overflow:hidden;text-align:center;border:4px solid white;border-radius:8px;background-color:white;z-index:98;} /* background:rgba(0,0,0,1); */
#day                                                                {font-size:140px;font-weight:700;line-height:1;margin-top:54px;color:black;letter-spacing:-12px;} /* #aaa */
#month                                                              {position:absolute;top:0;left:0;right:0;background-color:#b22222;line-height:1;padding:12px;}

#comment                                                            {position:absolute;left:224px;top:36px;padding:24px;background-color:black;border:4px solid white;border-radius:8px;z-index:99;}

.cell                                                               {display:table-cell;vertical-align:middle;line-height:1;}

.nav                                                                {position:absolute;width:200px;height:100%;display:table;z-index:1;}
.nav a                                                              {text-decoration:none;font-size:140px;padding:0 48px 36px 48px;background:rgba(0,0,0,0.5);margin:0;} /* line-height:0;display:none; */
.nav a:hover                                                        {} /* text-decoration:underline; */

#prev                                                               {left:0;text-align:left;}
#next                                                               {right:0;text-align:right;}

#logo                                                               {position:absolute;bottom:0;right:0;background-color:white;padding:0 24px 0 0;}