@import url("http://fonts.googleapis.com/css?family=Playfair Display SC:400,700|Roboto:300,400,700,300italic,400italic,700italic");.Header a{-webkit-transition:color 0.4s, opacity 0.4s;transition:color 0.4s, opacity 0.4s}html,body{font-family:'Roboto', verdana, sans-serif;font-weight:300;font-size:14px;word-spacing:2px;height:100%;min-width:300px}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display SC", sans-serif}p{margin:0 0 1em;line-height:2em}.wrapper{margin:0 auto;position:relative;width:95%}section.page{background-attachment:fixed !important;padding-bottom:20px;position:relative;z-index:7;box-shadow:inset 0 -25px 10px -20px rgba(0,0,0,0.5)}section.page .title{background-color:rgba(0,0,0,0.7);color:rgba(255,255,255,0.7);line-height:2em;margin-top:0;padding:0;text-align:center}figcaption{color:#777;font-size:12px;text-align:center}.rounded{border-radius:10000px;overflow:hidden}.framed{display:inline-block;border:1px solid #eee;box-shadow:2px 5px 10px -5px grey;background-color:white;padding:10px}.no-rounded{border-radius:0}.no-shadow{box-shadow:0 0}.icon-dot,.icon-dot:before,.icon-dot:after{font-size:0.75em;margin:0;opacity:0.5}.icon-dot:after{content:"Me";font-size:1.2em}.next-page a,.next-page a img{width:47px;height:47px;margin-top:20px;-webkit-transition:width 0.2s, height 0.2s, margin 0.2s, opacity 0.2s;transition:width 0.2s, height 0.2s, margin 0.2s, opacity 0.2s}.next-page a:hover,.next-page a:hover img{width:77px;height:77px;margin-top:0}.next-page{height:77px;display:block;position:absolute;bottom:30px;text-align:center;width:100%}.next-page a{display:block;margin:0 auto;opacity:0.4}.next-page a:hover{opacity:0.55}.next-page a img.border{position:absolute;top:0;left:auto;right:auto;visibility:hidden}.next-page a:hover img.border{visibility:visible}.Header{background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd000000', endColorstr='#dd000000');box-shadow:0 0 5px #000;position:fixed;width:100%;z-index:100}.Header,.Header a{color:#ddd;text-decoration:none}.Header .wrapper{position:static}.Header .title{display:block;text-align:center}.Header .icon-menu{display:inline-block;border-right:1px solid #444;cursor:pointer;height:40px;width:39px;text-align:center;position:absolute;top:0;left:0}.Header .icon-menu :before{font-size:1.5em;width:40px}.Header nav{display:none;position:absolute;top:40px;left:0;text-align:right;z-index:10}.Header nav ul{margin:0;padding:0}.Header nav a{background-color:rgba(0,0,0,0.75);color:#999;display:block;padding:0 0 0 15px;min-width:150px;text-align:left}.Header nav a :hover,.Header nav a :active{color:#ddd}.Header .title,.Header .menu,.Header nav,.Header nav a,.Header .icon-menu:before{line-height:40px}.page.home{background:#000 url(../img/interface/home-bg-480.jpg) center top no-repeat;background-size:cover;color:#fff;min-height:100%}.page.home h1{border-bottom:2px solid rgba(255,255,255,0.4);color:#000;font-size:3.5em;line-height:1em;margin:0}.page.home h2{color:#000;font-size:1em;margin:0;opacity:0.5}.page.home .brand{margin-top:40px;padding:20% 0;text-align:center;opacity:0.5}section.page.about{background-color:#eee;background-image:linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px),linear-gradient(rgba(255,255,255,0.2) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.2) 1px, transparent 1px);background-size:40px 40px, 40px 40px, 10px 10px, 10px 10px}section.page.about .my-photo{margin-bottom:20px;text-align:center;-webkit-transform:rotate(-5deg);-webkit-backface-visibility:hidden}section.page.skills{background-color:#115574;text-align:center}section.page.skills .tags span{display:inline-block;background-color:rgba(255,255,255,0.9);border-radius:40px;box-shadow:1px 2px 5px -2px #777, inset -5px 2px 10px #fff;color:#777;margin:0 2% 10px 5%;padding:10px 10px;min-width:20px;text-align:center;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);vertical-align:middle}section.page.skills .tags span:nth-child(2n){margin:5px 4% 20px 7%;-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);vertical-align:text-top}section.page.skills .tags span:nth-child(3n){margin:20px 7% 5px 9%;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);vertical-align:text-bottom}section.page.works{background-color:#cfac68}section.page.works figure{display:block;margin-bottom:20px;margin-left:auto;margin-right:auto;width:93%}section.page.works figure img{width:100%}.Footer{background-color:#000;color:#999;line-height:40px}.Footer .copyright{font-size:small;text-align:right}.Footer .copyright .medium{display:none}