@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:#151516}header{display:flex;justify-content:center;margin-top:2rem}header h1 div{border:.9rem double #fff;width:100%;padding:0 1rem}header h1{font-size:5rem;font-family:"Poppins",sans-serif;display:inline}header h1,main h1 div{text-align:center;color:#fff}main h1 div{font-size:4rem;margin-top:3rem;border-bottom:.2rem solid #fff;width:100%}.container2,.mainheading{display:flex;justify-content:center}.container2{align-items:center;flex-wrap:wrap;max-width:120rem;margin:.5rem auto}.container2 .card{position:relative;width:30rem;height:40rem;box-shadow:inset .5rem .5rem .5rem rgba(0,0,0,.2),inset -.5rem -.5rem 1.5rem hsla(0,0%,100%,.1),.5rem .5rem 1.5rem rgba(0,0,0,.3),-.5rem -.5rem 1.5rem hsla(0,0%,100%,.1);border-radius:1.5rem;margin:3rem}.container2 .card:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:hsla(0,0%,100%,.1)}.container2 .card .box{position:absolute;top:2rem;left:2rem;right:2rem;bottom:2rem;background:#2a2b2f;border:.2rem solid #1e1f23;border-radius:1.5rem;box-shadow:0 2rem 5rem rgba(0,0,0,.5);transition:.5s;display:flex;justify-content:center;align-items:center;overflow:hidden}.container2 .card .box:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:hsla(0,0%,100%,.05);pointer-events:none}.container2 .card .box:hover{transform:translateY(-2rem);box-shadow:0 4rem 7rem rgba(0,0,0,.5)}.container2 .card .box .content{padding:2rem;text-align:center}.container2 .card .box .content .avatar-github{width:15rem;margin:2rem 0;border-radius:50%}.container2 .card .box .content #avatar{width:19rem;margin-top:-2.5rem}.container2 .card .box .content h3{font-size:2.8rem;color:hsla(0,0%,100%,.918);z-index:1;transition:.5s;margin-top:-1.5rem}.container2 .card .box .content h4{font-size:1.8rem;color:hsla(0,0%,100%,.678);z-index:1;transition:.5s;margin-top:.5rem}.container2 .card .box .content a{position:relative;display:inline-block;padding:1rem 6rem;background:#000;margin-top:1rem;border-radius:2rem;text-decoration:none;font-size:3rem;font-weight:bolder;color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.container2 .card:nth-child(3n) .box .content a{background:#97dc47}.container2 .card:nth-child(3n-1) .box .content a{background:#e91e63}.container2 .card:nth-child(3n - 2) .box .content a{background:#2196f3}
/*# sourceMappingURL=main.1931c941.chunk.css.map */