body {
  background-color: #666;
  color: black;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  padding: 0px;
}

.email:before {
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

#title { font-size:3rem; font-family: 'Alegreya Sans SC', sans-serif; font-weight: 700; }

.partitle { font-size:2rem; font-family: 'Montserrat', sans-serif;}

.page     { background-color: #fff1e0;
            position: absolute;
            top: 30px;
            left: 30px;
            width:700px;
            padding:10px;
            padding-left: 40px;
            box-shadow: 0.375em 0.375em 1.125em #000;
            box-shadow: 0.375em 0.375em 1.125em rgba(0,0,0,0.75);
            -webkit-box-shadow: 0.375em 0.375em 1.125em #000;
            -webkit-box-shadow: 0.375em 0.375em 1.125em rgba(0,0,0,0.75);
            -moz-box-shadow: 0.375em 0.375em 1.125em #000;
            -moz-box-shadow: 0.375em 0.375em 1.125em rgba(0,0,0,0.75);
            -moz-border-radius: 3px;
			border-radius: 3px;
             }
             
           
a         { text-decoration: none; }
a:link    { color: #000; }
a:visited { color: #000; }
a:hover   { color: #000;
            text-shadow: 0.075em 0.075em 0.075em #666;
            text-shadow: 0.075em 0.075em 0.075em rgba(0,0,0,0.5); }
a:active  { color: #f00;
            text-shadow: 0.075em 0.075em 0.075em #666;
            text-shadow: 0.075em 0.075em 0.075em rgba(0,0,0,0.5); }
 
.email:before {
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

.hyphenated-text {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}

.logo {
  position: absolute;
  right:20px;
  bottom:20px;
  width: 60px;
  opacity: 1.0;
}