body{background:#f1f1f1}.flipcard{clear:both;-webkit-perspective:1000;-o-perspective:1000;-moz-perspective:1000;-khtml-perspective:1000;perspective:1000;margin:0 auto;display:block;position:relative;height:300px;width:300px}.flipcard .front{float:none;position:absolute;top:0;left:0;z-index:900;width:inherit;height:inherit;text-align:center;background-color:#f1f1f1;-webkit-transform:rotateX(0deg) rotateY(0deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateX(0deg) rotateY(0deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.flipcard.flip .front{z-index:900;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background-color:#f1f1f1}.flipcard .back{background:url(images/back-300x300.png) no-repeat #f1f1f1;float:none;position:absolute;top:0;left:0;z-index:800;width:inherit;height:inherit;-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-transform:rotateY(-180deg);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.flipcard.flip .back{z-index:1000;-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotateY(0deg)}.forenglish{background:#ffffff;padding:10px;position:absolute;top:20px;right:20px;color:#343434;font-size:1.0em;font-family:"minion_proregular";width:200px;z-index:1000}.status{position:relative;font-weight:800;margin:0}.status-text{position:relative;margin:0 0 0 18px}.online{color:#62B218}.away,.idle{color:#CB261B}.info{text-shadow:none;font-size:11px;line-height:13px;position:relative;padding:15px 15px 40px 15px;bottom:130px;left:-88px;margin:0;text-align:center;color:#fff;background:url(images/icons.png) no-repeat 27px 75px #333;background:url(images/icons.png) no-repeat 27px 75px rgba(0,0,0,0.75);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:145px;display:none;font-weight:normal;font-family:"Arial"}.info:after{content:"";position:absolute;bottom:-15px;left:45%;border-width:15px 15px 0;border-style:solid;border-color:#333 transparent;border-color:rgba(0,0,0,0.75) transparent;display:block;width:0}.blob:hover .info{display:block}.blob{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:12px;height:12px;position:absolute;margin:9px 0 0 1px;-webkit-animation:shrink 0.7s ease-out infinite;-moz-animation:shrink 0.7s ease-out infinite;animation:shrink 0.7s ease-out infinite}.blob:hover,.blob:hover .info{-webkit-animation:none;-moz-animation:none;animation:none}@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0deg) scale(1)}25%{-webkit-transform:rotateY(45deg) scale(0.92)}50%{-webkit-transform:rotateY(90deg) scale(0.85)}75%{-webkit-transform:rotateY(135deg) scale(0.92)}100%{-webkit-transform:rotateY(180deg) scale(1)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.9)}50%{-webkit-transform:scale(0.2)}75%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes shrink{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(0.9)}50%{-moz-transform:scale(0.2)}75%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(0.2)}75%{transform:scale(0.9)}100%{transform:scale(1)}}@-webkit-keyframes shrinktwo{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.9)}50%{-webkit-transform:scale(0.9)}75%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes shrinktwo{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(0.9)}50%{-moz-transform:scale(0.9)}75%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@keyframes shrinktwo{0%{transform:scale(1)}25%{transform:scale(0.9)}50%{transform:scale(0.9)}75%{transform:scale(0.9)}100%{transform:scale(1)}}.online .blob{background:#25d129}.away .blob{background:#d12525}a,a:link,a:visited{color:#DD2915;border-bottom:1px solid #ccc;text-decoration:none;font-weight:bolder;-webkit-transition:all 0.22s ease-out;-moz-transition:all 0.22s ease-out;-o-transition:all 0.22s ease-out}#whois h3{color:#343434;font-size:1.3em;font-family:"minion_proregular";font-weight:600;border:0;text-shadow:0 1px 1px #ffffff}a:hover{color:#81C414;border:0}#header{text-align:center}#header h1{font-family:'gothambold', Helvetica, Arial;font-size:3.7em;font-weight:normal;letter-spacing:-1px;margin:0 0 20px 0;color:#222;text-shadow:2px 2px 1px #aaa;padding:0}#header h1 span{font-size:0.3em;color:#aaa;display:block;text-shadow:none}#wrapper{position:relative;max-width:940px;width:100%;margin:30px auto;color:#222}#wrapper p{font-family:'minion_proregular', Helvetica, Arial;line-height:1.3em;font-size:1.4em;font-weight:lighter;word-spacing:1px;text-shadow:1px 1px 1px #fff;text-align:center}.back{background:url(images/back-300x300.png) no-repeat}.back strong a{color:#ffffff}#wrapper .back p{position:absolute;bottom:50px;left:95px;font-size:0.9em;color:#ffffff;text-shadow:1px 1px 1px #000;font-family:'Inter', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif,'proxima_novaregular',sans-serif}#wrapper p#identity{margin:0;padding:0;text-align:center}.area{background:url(images/sepe.png) bottom no-repeat;text-align:center;padding:0 0 50px 0;margin:0}.area p{color:#222}.fancybox-overlay a{border:0}.fancybox-skin{padding:0 !important;background:none transparent !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}.details{border-bottom:1px solid #ccc;text-align:center;padding:10px 0}.details p{color:#444;padding:0;margin:30px 0}ul,li{margin:0;padding:0;list-style:none;list-style-type:none}#profession p{margin:0 0 20px 0;padding:0}#profession ul{max-width:550px;width:100%}.details ul{margin:0 auto 10px auto;overflow:auto;clear:both;text-align:center}.details ul li{overflow:auto;float:left}.details ul li a{width:170px;height:72px}.details ul li a{overflow:hidden;text-indent:-9999px;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;border:0}.details ul li a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}#websites p{margin:20px 0;padding:0}#socialmedia ul{max-width:740px;width:100%}#websites ul{max-width:550px;width:100%}.details ul li{margin:0 20px 0 0}.details ul li.last{margin:0}#profession ul li.resume a{background:url(images/linkedin.png) no-repeat}#profession ul li.portfolio a{background:url(images/behance.png) no-repeat 1px 0}#profession ul li.github a{background:url(images/github.png) no-repeat}#websites ul li.rollemaa a{background:url(images/rollemaa.png) no-repeat}#websites ul li.problemsolvin a{background:url(images/problemsolvin.png) no-repeat}#websites ul li.pulina a{background:url(images/pulina.png) no-repeat}#websites ul li.peikko a{background:url(images/peikko.png) no-repeat}#websites ul li.jeera a{background:url(images/jeera.png) no-repeat}#socialmedia ul li.facebook a{background:url(images/facebook.png) no-repeat}#socialmedia ul li.twitter a{background:url(images/twitter.png) no-repeat}#socialmedia ul li.googleplus a{background:url(images/googleplus.png) no-repeat}#socialmedia ul li.youtube a{background:url(images/youtube.png) no-repeat}#socialmedia ul li.lastfm a{background:url(images/lastfm.png) no-repeat}#socialmedia ul li.foursquare a{background:url(images/foursquare.png) no-repeat}#socialmedia ul li.instagram a{background:url(images/instagram.png) no-repeat}#socialmedia ul li.delicious a{background:url(images/delicious.png) no-repeat}#socialmedia ul li.letterboxd a{background:url(images/letterboxd.png) no-repeat}#socialmedia ul li.getglue a{background:url(images/getglue.png) no-repeat}#socialmedia ul li.untappd a{background:url(images/untappd.png) no-repeat}#footer p.reclamation{font-size:1.1em;color:#777}#profession h2{display:none}.details h2{display:none}.details h2 a{color:#555;font-size:1.5em;font-family:"minion_proregular";font-weight:400;border:0;text-shadow:1px 1px 1px #fff}#whois p.email{width:240px;margin:0 auto;position:relative;background:url(images/email.png) no-repeat 0 0;padding:0 0 0 24px;color:#666666}@media (max-width: 1024px){body{width:80%;margin:0 auto}}@media (max-width: 768px){body{width:60%;margin:0 auto}}@media (max-width: 930px){#socialmedia ul,#profession ul,#websites ul{width:380px}.details ul li.second{margin:0}}@media (max-width: 670px){#socialmedia ul,#profession ul,#websites ul{width:170px}}@media (max-width: 500px){#header h1{font-size:2.5em;margin:10px 0 30px 0}#wrapper p{font-size:1.3em}#whois a{display:block;margin:20px 0;border:0}div.back{display:none}.forenglish{top:auto;bottom:0;width:87%;position:fixed;margin:10px 0 10px 0}.onlineblock{display:none}.flipcard .front,.flipcard .back,.flipcard,.flipcard:hover,.flipcard .front:hover,.flipcard .back:hover{position:relative;transform:none;transition:none;width:auto;height:auto}.flipcard img{width:100%;height:auto}}@media (min-width: 480px){.front,.back{position:absolute;top:0;left:0}}