@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@500;700&display=swap);@import url(https://unpkg.com/@aman-atg/normal.css);html{box-sizing:border-box;font-size:15px}body{font-size:inherit}*,:after,:before{box-sizing:inherit}a{text-decoration:none;color:inherit}li{margin:0;padding:0;list-style:none}button{background:#fff;border:none}.header{background:url(/images/bg-header-desktop.svg) #5ba4a4;background-size:cover;height:150px;width:100%}.body{transition:all 1s;background:#effafa;font-family:"Spartan",sans-serif;min-height:100vh;padding:6rem 10rem}.cardList{margin-top:-80px}@media only screen and (max-width:768px){.header{background-image:url(/images/bg-header-mobile.svg)}.body{padding:4rem 2rem}.cardList{margin-top:-65px}}@media only screen and (max-width:360px){.body{padding:4rem .5rem}}button.github{background:#fff;border-radius:5px;border:2px solid #000;box-shadow:2.5px 2.5px 5px rgba(0,0,0,.3);font-family:"Spartan",sans-serif;font-size:1.1rem;left:30px;line-height:1;padding:5px 5px 2px;position:relative;top:30px;transition:all .3s ease-in}button.github:hover{background:#000;box-shadow:2.5px 2.5px 5px hsla(0,0%,100%,.4);border-color:#fff;color:#fff;padding:8px 8px 6px;transform:scale(1.1)}button.github:hover:before{transform:scaleX(1);transform-origin:bottom right}button.github:hover:after{transform:scaleX(1);transform-origin:bottom left}button.github:after,button.github:before{background:#2c3a3a;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .5s ease-out;width:100%}button.github:before{top:-8px;transform-origin:bottom left}button.github:after{bottom:-8px;transform-origin:bottom right}.Card{align-items:center;background:#fff;border-radius:5px;box-shadow:.5px 10px 10px rgba(91,164,164,.2);display:flex;margin-bottom:20px;overflow:hidden;position:relative;padding:1.71rem 2.8rem;transition:transform .3s;transform:scale(.98)}@-moz-document url-prefix(){.Card{transform:scale(1)}}.Card:hover{transform:scale(1)}.Card.featured:before{background:#5ba4a4;content:"";height:100%;left:0;position:absolute;width:5px}.Card-header{margin-right:25px}.Card-body{width:100%;max-width:20rem}.Card-body .heading{display:flex;align-items:center;font-size:13.5px;font-weight:700;margin-bottom:10px}.Card-body .heading .company{color:#5ba4a4}.Card-body .heading .labels{text-transform:uppercase;margin-left:15px;font-size:12px}.Card-body .heading .labels .label{margin-left:10px;padding:10px 10px 7px;border-radius:25px;color:#fff;background-color:#2c3a3a}.Card-body .heading .labels .label.new{background-color:#5ba4a4}.Card-body .footer{color:#7b8e8e;font-size:14.25px;display:flex;justify-content:space-between}.Card-body .footer li{width:-webkit-max-content;width:-moz-max-content;width:max-content;list-style-type:disc;padding-right:3.5%;position:relative}.Card-body .footer li:first-of-type{list-style:none}.Card-body h1{margin:0;padding:0;line-height:2.5;color:#2c3a3a;cursor:pointer;font-size:1.15rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}.Card-body h1:hover{color:#5ba4a4}.Card-footer{display:flex;font-size:13.5px;flex:1 1;flex-wrap:wrap;justify-content:flex-end;margin-left:15px}.Card-footer li{background:#eef6f6;border-radius:5px;color:#5ba4a4;cursor:pointer;font-weight:700;margin-right:15px;margin-bottom:15px;padding:10px 7.5px 7.5px;line-height:1}.Card-footer li:hover{background:#5ba4a4;color:#fff}@media only screen and (max-width:1024px){.Card{display:grid;grid-template-areas:"h b" "f f";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;padding-bottom:5px}.Card-header{grid-area:h}.Card-body{grid-area:b}.Card-body .footer{max-width:20rem}.Card-footer{grid-area:f;justify-content:start;margin-left:0;margin-top:25px;position:relative}.Card-footer:after{content:"";background:rgba(44,58,58,.25);height:1px;position:absolute;top:-15px;width:100%}}@media only screen and (max-width:768px){.Card{margin-bottom:40px;overflow:visible;padding-left:25px;padding-right:15px}.Card-header{position:absolute;top:-50px}.Card-header img{width:50px;border-radius:100%}.Card-body{margin-top:20px}}@media only screen and (max-width:375px){.Card h1{font-size:1rem;line-height:1;margin-bottom:10px}.Card .heading .labels{display:flex;font-size:.7rem;margin:0}.Card .heading .labels .label{display:block;padding:8px 8px 5px}.Card-body .footer{font-size:13.5px;justify-content:start;margin-top:15px;margin-bottom:10px}.Card-body .footer li{line-height:1;margin-right:11px}.Card-body .footer li:nth-of-type(3){margin-right:0}}@media only screen and (max-width:360px){.Card-body .footer{justify-content:space-between}}.SearchBar{background:#fff;border-radius:7px;box-shadow:.5px 10px 10px rgba(91,164,164,.2);display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;min-height:60px;opacity:0;overflow:auto;padding:1rem 25px 0;position:relative;top:-90px;transform:translateX(-800px);transition:transform .7s,opacity .5s;z-index:100}.SearchBar.active{opacity:1;transform:translateY(-50%)}.SearchBar .terms{display:flex;flex-wrap:wrap}.SearchBar .terms p{display:flex;align-items:center;background:#effafa;border-radius:5px;box-shadow:0 0 2.5px rgba(0,0,0,.15);color:#5ba4a4;font-weight:700;margin:0 20px 1rem 0;padding-left:8px}.SearchBar .terms p span{background:#5ba4a4;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer;font-size:1.4rem;line-height:0;margin-left:8px;transition:all .3s}.SearchBar .terms p span svg{width:40px;height:30px}.SearchBar .terms p span:hover{background:#2c3a3a}.SearchBar .clear{color:#7b8e8e;cursor:pointer;font-size:.9rem;font-weight:700;outline:none;text-transform:capitalize;transform:translateY(-15%);margin-left:15px}.SearchBar .clear:hover{text-decoration:underline}@media only screen and (max-width:768px){.SearchBar{font-size:.9rem;top:-60px}.SearchBar.active+div>div{margin-top:-30px}.SearchBar p span svg{width:30px!important;height:30px!important}}
/*# sourceMappingURL=main.e258f8c2.chunk.css.map */