.privacy-setting span *,.tag{cursor:pointer}.clear,footer,h1,h2,main{clear:both}body{max-width:820px;margin:0 auto}header,main,nav{margin:10px}main{padding-bottom:10px}header{float:left}nav{float:right;margin-top:20px;margin-right:20px}*{font-family:Raleway,sans-serif}h1,h2,h3{margin:5px;font-weight:400}h2{padding-top:50px}a{text-decoration:none;color:#000}.about a:hover,.privacy-popup a{text-decoration:underline}main>p{margin-left:5px;margin-right:5px}.privacy-popup{margin:10px;text-align:right;display:none}.about div.me,.about img.me,.tag{display:inline-block}.privacy-setting i{width:1.2em}.privacy h3{margin-top:30px}.privacy p{margin-left:5px;margin-right:5px}.about img.me{width:100px;height:100px;margin:5px 20px 5px 5px;vertical-align:top}.about div.me div.info{margin-top:5px;margin-bottom:5px}.about div.me div.info i{text-align:center;width:1em;margin-right:8px}.tags{margin:0 5px;font-size:85%}.tag{margin:3px 5px 3px 0;background:#f0f0f0;padding:2px 5px}.tag:hover{background:#ddd}.tag i{margin-right:5px}.tag.active{background:#000;color:#fff}.tile-with-desc:hover,.tile:hover .title{background:#f0f0f0;top:0;left:0;filter:alpha(opacity=70)}.tile-with-desc{display:block;min-height:160px}.tile-with-desc:hover{opacity:.7}.tile-with-desc .tile{margin-right:15px;width:310px;border:1px solid #ccc;margin-left:4px;margin-top:4px}.tile-with-desc .desc{padding-right:20px;padding-left:5px}.tile-with-desc p{padding-bottom:10px;text-align:justify}.tile-with-desc h3{padding-top:10px}.tile{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative;float:left;width:150px;height:150px;padding:0;margin:5px}.tile.hidden{width:0;height:0;opacity:0;margin:0;padding:0}.tile img{display:block;width:100%;height:100%}.tile .title{display:none}.tile:hover .title{display:block;position:absolute;height:100%;width:100%;opacity:.7}.tile .title .center{display:block;color:#000;text-align:center;position:relative;top:50%;transform:translateY(-50%)}footer{margin:20px 0;text-align:center;padding:0}footer ul{list-style-type:none;margin:0;padding:0}footer ul li{margin-top:10px;margin-left:5px;padding:0;display:inline-block}footer ul li:first-child:before{content:""}footer ul li:before{content:" | "}@media screen and (max-width:819px){body{max-width:660px}}@media screen and (max-width:659px){body{max-width:500px}.tile-with-desc h3{margin-left:0}.tile-with-desc .desc{clear:both}}@media screen and (max-width:499px){body{max-width:340px}}.no-fonts span{color:#eee!important;background:#eee!important}span{transition:background .5s,color .5s;transition-timing-function:ease-in-out}