@font-face{ font-family: myriad; src: url('myriad.otf') } 
html, body{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #dadada; font-family: myriad, arial, sans-serif; font-size: 13px; color: #ffffff; }
a{ color: #ffffff; }
.bold{ font-weight: bold; font-size: 80px; }
.block{ text-align: center; height: 100%; }
.block:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.centered{ display: inline-block; vertical-align: middle; }
.rightTop{ position: absolute; top: 20px; right: 20px; }
.contact{ cursor: pointer; width: 40px; height: 40px; background-color: #ffffff; text-align: center; transition: background 500ms; -moz-transition: background 500ms; -webkit-transition: background 500ms; -o-transition: background 500ms; -ms-transition: background 500ms; box-shadow: 1px 1px 4px #bbbbbb; -moz-box-shadow: 1px 1px 4px #bbbbbb; -webkit-box-shadow: 1px 1px 4px #bbbbbb; -o-box-shadow: 1px 1px 4px #bbbbbb; -ms-box-shadow: 1px 1px 4px #bbbbbb; }
.icon-edit, .icon-remove{ cursor: pointer; color: #666666; font-size: 20px; line-height: 40px; transition: color 500ms; -moz-transition: color 500ms; -webkit-transition: color 500ms; -o-transition: color 500ms; -ms-transition: color 500ms; }
.contact:hover, .contact.active{ background-color: #ed5469; }
.contact:hover .icon-edit, .contact.active .icon-edit{ color: #ffffff; }
.contact.active:hover{ background-color: #ffffff; }
.contact.active .icon-remove{ color: #ffffff; }
.contact.active:hover .icon-remove{ color: #666666; }
#infoBlock{ position: absolute; top: 20px; right: 70px; background-color: #ffffff; width: 200px; height: 250px; display: none; opacity: 0; transition: opacity 500ms; -moz-transition: opacity 500ms; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; box-shadow: 1px 1px 4px #bbbbbb; -moz-box-shadow: 1px 1px 4px #bbbbbb; -webkit-box-shadow: 1px 1px 4px #bbbbbb; -o-box-shadow: 1px 1px 4px #bbbbbb; -ms-box-shadow: 1px 1px 4px #bbbbbb; }
.infoWrap{ padding: 40px; color: #aaaaaa; font-family: arial, sans-serif; font-size: 11px; }
.highlighted{ font-size: 13px; display: block; color: #666666; }
.highlighted a{ color: #666666; text-decoration: none; }
.personalInformation{ display: block; font-size: 12px; padding-top: 20px; }
.contactInfo{ display: block; font-size: 11px; padding-top: 20px; }