styles.353ca9aad10369efd353.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,40);@import url(https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css);.badgescard,.firstinfo,body{display:flex;justify-content:center;align-items:center}body,html{height:100%}body{font-family:Open Sans,sans-serif;width:100%;background:url(/static/bggg-4dd5ab94093f49b2f1febe41fffa2774.jpg);background-size:cover;font-size:16px;overflow:hidden}*,:after,:before{box-sizing:border-box}.content{-webkit-animation:animatop .9s cubic-bezier(.425,1.14,.47,1.125) forwards;animation:animatop .9s cubic-bezier(.425,1.14,.47,1.125) forwards}.card,.content{position:relative}.card{width:500px;min-height:100px;padding:20px;border-radius:3px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.2);overflow:hidden}.card:after{content:"";display:block;width:190px;height:300px;background:#e3622f;position:absolute;-webkit-animation:rotatemagic .75s cubic-bezier(.425,1.04,.47,1.105) 1s both;animation:rotatemagic .75s cubic-bezier(.425,1.04,.47,1.105) 1s both}.badgescard{padding:10px 20px;border-radius:3px;background-color:#ececec;width:480px;box-shadow:0 10px 20px rgba(0,0,0,.2);position:absolute;z-index:-1;left:10px;bottom:10px;-webkit-animation:animainfos .5s cubic-bezier(.425,1.04,.47,1.105) .75s forwards;animation:animainfos .5s cubic-bezier(.425,1.04,.47,1.105) .75s forwards}.badgescard a{font-size:1.6em;margin:-3px 6px;color:#000;opacity:.6}.badgescard a :hover{color:#e3622f}.firstinfo{flex-direction:row;z-index:2;position:relative}.firstinfo img{border-radius:50%;width:120px;height:120px}.firstinfo .profileinfo{padding:0 20px}.firstinfo .profileinfo h1{font-size:1.8em;margin:0}.firstinfo .profileinfo h3{font-size:1em;color:#e3622f;font-style:italic;margin:0}.firstinfo .profileinfo p.bio{padding:10px 0;color:#5a5a5a;line-height:1.2;font-style:normal}@-webkit-keyframes animatop{0%{opacity:0;bottom:-500px}to{opacity:1;bottom:0}}@keyframes animatop{0%{opacity:0;bottom:-500px}to{opacity:1;bottom:0}}@-webkit-keyframes animainfos{0%{bottom:10px}to{bottom:-42px}}@keyframes animainfos{0%{bottom:10px}to{bottom:-42px}}@-webkit-keyframes rotatemagic{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-24px;left:-253px}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:-24px;left:-78px}}@keyframes rotatemagic{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-24px;left:-253px}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:-24px;left:-78px}}@media only screen and (max-width:600px){body{background-position:50%}.card{width:100%;min-height:50px;height:150px;padding:10px}.card:after{width:150px}.badgescard{width:93%}.firstinfo{height:140px}.firstinfo img{width:90px;height:90px}.firstinfo .profileinfo h1{font-size:1.3em}.firstinfo .profileinfo h3{font-size:.8em}.firstinfo .profileinfo p.bio{padding:5px 0}}