@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hero{position:relative;height:320px;padding:40px;color:#fff;background:linear-gradient(-45deg,#3f51b1,#5a55ae 13%,#7b5fac 25%,#8f6aae 38%,#a86aa4 50%,#cc6b8e 62%,#f18271 75%,#f3a469 87%,#f7c978);background-size:400% 400%;background-position:100%;-webkit-animation:gradient 20s ease infinite;animation:gradient 20s ease infinite;transform:skewY(-4deg);transform-origin:top left}@-webkit-keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.rocket{width:60px}.company-name{font-size:1.8rem;font-weight:700;font-family:"Shadows Into Light",cursive}.header{font-size:5rem}.header-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}:root{--default-color:linear-gradient(90deg,#895cf2 0%,#ffabf4 50%,#895cf2)}.dark-overlay{position:fixed;content:"";top:0;left:0;z-index:99;background:rgba(0,0,0,.5);width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}section.card-main{position:fixed;z-index:999;max-width:900px;background:#fff;color:#414141;border-radius:5px;box-shadow:0 0 40px #1b1b1b;transform:translateX(-8px)}header{background:linear-gradient(90deg,#895cf2 0,#ffabf4 50%,#895cf2);background:var(--default-color);background-size:300%;border-radius:5px 5px 0 0;height:100%;padding:14px;color:#fff;box-shadow:0 4px 14px -8px #b6b6b6;transition:.2s}header:hover{background-position:100%}h2{margin:0}.overlay-content{background:#f8f8f8;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 120px;height:300px;overflow:auto;color:#494949}.profile-pic img{border-radius:6px}.card-contact{margin:12px 0;font-size:1.1rem}.card-department{margin:4px;font-size:1.2rem;color:grey}.card-job-title{font-size:1.4rem;color:grey;margin-bottom:20px}.contact{margin:40px 0;font-size:.9rem}.contact-info{margin:0 10px}.contact-icon{width:13px;opacity:.8;margin-left:30px}.checkbox{position:absolute;width:60px;height:60px;top:-72px;right:3px;opacity:0;z-index:1}.checkbox:hover~article aside .switch-button{transform:rotate(90deg)}.checkbox:active~article>aside{opacity:.4}.switch-button{border:4px solid #8b8b8b;border-radius:4px;width:60px;height:60px;position:absolute;top:-73px;right:2px;transition:.2s}.switch-button:after,.switch-button:before{position:absolute;top:26px;right:5px;content:"";width:50px;height:8px;background:#fff;transform:rotate(45deg);border-radius:6px}.switch-button:after{transform:rotate(135deg)}.footer-overlay{background:#efeeee;border-radius:0 0 5px 5px;top:331px;color:#fff;padding:20px;box-shadow:0 -14px 12px #494949;display:flex;justify-content:space-between}button{border:0;box-shadow:-5px -5px 7px #fff,5px 5px 7px #b6b6b6;border-radius:6px;padding:10px 40px;font-size:1.2rem;color:#1f1f1f;transition:box-shadow .2s}button:hover{box-shadow:-1px -1px 3px #fff,2px 2px 3px #9b9b9b}button.right:active{opacity:.8}button.left:active{background:#e2e2e2}.left{background:transparent}.right{border-radius:6px;background:linear-gradient(90deg,#895cf2 0,#ffabf4 50%,#895cf2);background:var(--default-color);color:#fff;background-size:400%;transition:.2s}.right:hover{background-position:100%}.html-body{--default-color:#700}@media (max-width:870px){section.card-main{bottom:0;width:100%;transform:translateX(-9px)}.overlay-content{padding:30px}}body{color:#d86619;background:#262d35}.grid-card,.main-subheader{padding:60px}.grid-card{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,auto));grid-gap:20px;gap:20px}.card{position:relative;border-radius:5px;padding:40px;box-shadow:-5px -5px 10px hsla(0,0%,50.6%,.3),6px 6px 12px rgba(17,17,17,.5);transform:rotateY(0deg)}.card:hover{box-shadow:-2px -2px 4px rgba(99,99,99,.8),3px 3px 5px rgba(19,19,19,.8);transform:rotateY(20deg)!important}.card-content{display:flex;align-items:center;flex-direction:column}.bg-dark{position:absolute;top:0;left:0;width:100%;height:111px;background:linear-gradient(90deg,#895cf2 0,#ffabf4 50%,#895cf2);background-size:380%;transition:background-position .4s cubic-bezier(.29,.78,0,1.31);border-radius:5px 5px 0 0;z-index:-1}.card:hover .bg-dark{background-position:95%}.numOfMembers{color:#ff69b4;font-size:2rem;padding:0 10px}.base-footer{padding:20px;background:#ececec;text-align:right}img.avatar{border-radius:50%;border:4px solid #3f3f3f;-webkit-filter:grayscale(1);filter:grayscale(1);transition:.3s}.card:hover img.avatar{-webkit-filter:grayscale(0);filter:grayscale(0)}.full-name{padding:14px 14px 8px;font-size:1.1rem;font-weight:700}.job-title{font-size:.7rem}
/*# sourceMappingURL=main.b23ab976.chunk.css.map */