@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,700,900");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,500|Jost:400,500,600&display=swap");*{box-sizing:border-box}body{font-family:Jost,sans-serif}.homeWrapper{display:flex;height:100vh;width:100%;overflow:hidden}.homeWrapper .left,.homeWrapper .right{width:50%;height:100%;position:relative}.contributors{min-height:100vh;background-image:linear-gradient(90deg,#434343 0,#000)}.heading{margin-top:0;color:#fff;padding-top:25px}.heading,.pink{text-align:center}.pink{border-color:#eb1777;background-color:transparent;border-style:solid;position:relative;display:inline-block;transition:all .3s ease-in-out;cursor:pointer}.pink a{color:#eb1777;display:block;height:100%;width:100%;padding:.5em 1em}.pink:after,.pink:before{content:"";display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all .3s ease-in-out}.pink:before{top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5}.pink:after{bottom:-6px;right:-6px;border-width:0 2px 2px 0}.pink:after,.pink:before{border-color:#eb1777}button:hover:after,button:hover:before{width:calc(100% + 12px);height:calc(100% + 12px);z-index:-1}.pink:hover,.pink:hover:after,.pink:hover:before{border-color:#eb1777}.pink:hover{color:#fff;background-color:#eb1777}.pink:hover a{color:#fff}.pink .panel{max-width:960px;text-align:center;position:relative;margin:auto}.homeWrapper .left{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.homeWrapper .left button,.homeWrapper .left h1,.homeWrapper .left h3{margin-left:2rem}.outer{width:100%;display:flex;flex-wrap:wrap;padding:20px;margin-top:25px;justify-content:center}.card{max-width:340px;margin:auto;overflow-y:auto;position:relative;z-index:1;overflow-x:hidden;background-color:#fff;display:flex;transition:.3s;flex-direction:column;border-radius:10px;box-shadow:0 0 0 8px hsla(0,0%,100%,.2)}.contributor_container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}.card{overflow:hidden;margin:0 15px 50px}.card.is-active .card-header{height:80px}.card.is-active .card-cover{height:100px;top:-50px}.card.is-active .card-avatar{transform:none;left:20px;width:50px;height:50px;bottom:10px}.card.is-active .card-fullname,.card.is-active .card-jobtitle{left:86px;transform:none}.card.is-active .card-fullname{bottom:18px;font-size:19px}.card.is-active .card-jobtitle{bottom:16px;letter-spacing:1px;font-size:10px}.card-header{position:relative;display:flex;height:200px;flex-shrink:0;width:100%}.card-header,.card-header *{transition:.3s}.card-cover{width:100%;height:100%;position:absolute;height:160px;top:-20%;left:0;will-change:top;background-size:cover;background-position:50%;filter:blur(30px);transform:scale(1.2);transition:.5s}.card-avatar{width:100px;height:100px;box-shadow:0 8px 8px rgba(0,0,0,.2);border-radius:50%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;position:relative;bottom:0;left:50%;transform:translateX(-50%) translateY(20px);overflow:hidden}.expertise{padding:0 20px;margin-bottom:20px}.badge{background-image:linear-gradient(120deg,#a6c0fe,#f68084);border-radius:9999px;color:#fff;letter-spacing:1px;padding:.35rem .8rem;transform:skew(170deg);margin:0 5px 5px 0;font-size:13px}.card-fullname{font-size:22px;font-weight:700;text-align:center;transform:translateY(-10px) translateX(-50%)}.card-fullname,.card-jobtitle{position:absolute;bottom:0;white-space:nowrap;left:50%}.card-jobtitle{font-weight:600;font-size:11px;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:1.5px;margin:0;transform:translateX(-50%) translateY(-7px)}.card-main{position:relative;flex:1 1;display:flex;padding-top:10px;flex-direction:column}.card-subtitle{font-weight:700;font-size:13px;margin-bottom:8px}.card-content{padding:20px}.card-desc{line-height:1.6;color:#636b6f;font-size:14px;margin:0;font-weight:400;font-family:DM Sans,sans-serif}.card-social{display:flex;align-items:center;padding:0 20px;margin-bottom:20px}.card-social svg{fill:#a5b5ce;width:16px;display:block;transition:.3s}.card-social svg.github{width:22px}.card-social svg.linkedin:hover{fill:#5783e7}.card-social svg.github:hover{fill:#161616}.card-social a{color:#8797a1;height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;transition:.3s;background-color:rgba(93,133,193,.05);border-radius:50%;margin-right:10px}.card-social a:last-child{margin-right:0}.card-buttons{display:flex;background-color:#fff;margin-top:auto;position:-webkit-sticky;position:sticky;bottom:0;left:0}.card-buttons button{flex:1 1 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0;font-size:13px;border:0;padding:15px 5px;cursor:pointer;color:#5c5c6d;transition:.3s;font-family:Jost,sans-serif;font-weight:500;outline:0;border-bottom:3px solid transparent}.card-buttons button.is-active,.card-buttons button:hover{color:#2b2c48;border-bottom:3px solid #8a84ff;background:linear-gradient(180deg,rgba(127,199,231,0) 0,rgba(207,204,255,.2) 44%,rgba(211,226,255,.4))}.card-section{display:none}.card-section.is-active{display:block;-webkit-animation:fadeIn .6s both;animation:fadeIn .6s both}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1}}.card-contact-wrapper{padding:0 20px 20px}.card-contact{display:flex;align-items:center;font-size:15px;color:#6f6f7b;font-family:DM Sans,sans-serif;line-height:1.6;cursor:pointer}.card-contact+.card-contact{margin-top:16px}.card-contact svg{flex-shrink:0;width:36px;min-height:34px;margin-right:12px;transition:.3s;padding-right:12px;border-right:1px solid #dfe2ec}.wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;border:.2em solid;position:relative;cursor:pointer;overflow:hidden;opacity:.6;color:#fff}.button__text{display:block;padding:1em 2em;text-transform:uppercase;font-weight:700}.button__text:before{content:attr(title)}.button__text--bis{transform:translateX(-1em);opacity:0}.button__mask,.button__text--bis{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.button__mask{background:#fff;transform:translateX(-100%) rotate(45deg);transition:all .3s}.button:hover{opacity:1}.button:hover .button__text{-webkit-animation:fx-text .3s ease-out;animation:fx-text .3s ease-out}.button:hover .button__text--bis{-webkit-animation:fx-text-bis .3s ease-out;animation:fx-text-bis .3s ease-out}.button:hover .button__mask{-webkit-animation:fx-mask .3s ease-out;animation:fx-mask .3s ease-out}.button:active{opacity:1;background:#fff;color:inherit}button.go-back{font-size:20px;font-family:Combo,cursive;border:none;cursor:pointer;transition:.3s linear;z-index:9;border-radius:50%;background:#c0d7dd;color:#33265c;box-shadow:0 0 10px 0 #c0d7dd;margin-top:20px;position:fixed;top:10px;left:10px;height:50px;width:50px;display:flex;justify-content:center;align-items:center}button:hover{box-shadow:0 0 20px 0 #c0d7dd}@-webkit-keyframes fx-mask{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@keyframes fx-mask{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@-webkit-keyframes fx-text{0%{transform:translateX(0);opacity:1}to{transform:translateX(1em);opacity:0}}@keyframes fx-text{0%{transform:translateX(0);opacity:1}to{transform:translateX(1em);opacity:0}}@-webkit-keyframes fx-text-bis{0%{transform:translateX(-1em);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fx-text-bis{0%{transform:translateX(-1em);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.homeWrapper .left{width:100%;align-items:center;text-align:center}.homeWrapper .left button,.homeWrapper .left h1,.homeWrapper .left h3{margin-left:0}.homeWrapper .right{position:absolute;right:0;top:0;height:250px;width:250px}.homeWrapper .left button{margin-right:15px;margin-bottom:15px}}@media (max-width:400px){.card{width:100%}.outer{padding:0}}