body{padding:20px;background-color:white}h1.title{text-align:center;font-weight:normal;color:#4e5166;font-size:3em}h1.nick{font-size:2.5em;color:#4e5166;font-weight:400}h1.nick:before{color:#9b9eb2;content:"Nicholas: ";font-size:1em}h1.nat{font-size:2.5em;color:#8b886f;font-weight:400}h1.nat:before{content:"Natalie: ";color:#b9b7a7;font-size:1em}p{font-size:3em;line-height:1.7em;color:#d5dfdb}u{text-decoration:none;font-weight:normal;position:relative;display:inline-block;border-bottom:2px dotted #ff9266;text-shadow:0px 2px 0px white;line-height:1em}u>em{font-size:.5em;font-style:normal;font-weight:normal;line-height:1em;opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;background-color:#e6e5e0;color:#4e665e;text-align:center;border-radius:12px;padding:6px 8px 8px 8px;position:absolute;z-index:1;top:100%;width:calc(100% - 15px);left:50%;margin-left:-50%;display:table}u>em:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #e6e5e0 transparent}u:hover{border-bottom:none}u:hover>em{visibility:visible;opacity:1}