@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;line-height:1.5;background-image:linear-gradient(180deg,rgba(119,68,228,.21) 0%,rgba(217,217,217,0) 100%);background-repeat:no-repeat}h1{margin-top:2rem;color:transparent;background:linear-gradient(180deg,#6F5CE5 0%,rgba(114,18,237,.85) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;text-transform:uppercase;text-align:center}main{margin-top:10rem;padding-inline:1rem;margin-inline:auto;max-width:1300px}ul{display:flex;gap:1.5rem;flex-wrap:wrap;row-gap:5rem;justify-content:center}li{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}.card{border:1px solid #555;position:relative;max-width:350px}.card-img-container{border-bottom:1px solid #555}.card-img-container img{width:100%;height:100%;object-fit:cover}.card-content{background-color:#fff;height:100%;display:flex;flex-direction:column}.card-content>*{padding-inline:1rem}.card-content__title{margin-top:.75rem;font-weight:700;font-size:larger;text-transform:capitalize;color:#1e1e1e}.card-content__description{text-align:left;color:#341ebd;margin-top:.5rem;margin-bottom:1rem;font-size:smaller}.card-content__links-container{margin-top:auto;display:flex;flex-direction:column;width:100%;padding:0}.card-content__links-container div{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#eee;font-weight:300}.card-content__links-container a{text-decoration:none}.card-content__level{display:flex;align-items:center;height:100%;padding:.5rem 1rem;color:#fff;text-transform:uppercase;font-size:x-small;font-weight:500}.card-content__level--number{margin-right:1rem}.card-content__level.newbie{background-color:#54c2f5}.card-content__level.junior{background-color:#87d879ee}.card-content__link-to-github{color:#555;padding:.5rem 1rem}.card-content__link-to-livepage{background-color:#6f5ce5;color:#fff;padding:.5rem 1rem}.card-tags{position:absolute;top:calc(-1rem - 11px);left:-.75px;color:#1e1e1e;font-size:smaller;gap:0}.card-tags .tag{border:1px solid #555;padding:2.5px 5px}.card-tags .tag.html{background-color:#f26b6b}.card-tags .tag.css{background-color:#1cb5fd}.card-tags .tag.js{background-color:#f2d46b}footer{text-align:center;font-size:smaller;color:#fff;margin-top:3rem;font-weight:300;width:100%;background-color:#1e1e1e;padding-block:1rem}