.card-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));width:100%;margin:0 auto;white-space:nowrap;padding-bottom:10px}.card-container.server-status-row{display:flex !important;flex-direction:row;gap:16px;overflow-x:auto !important;overflow-y:hidden;white-space:nowrap}.card-container .card:not(.exp){background-color:rgba(2,2,11,.8705882353);backdrop-filter:blur(2rem);border-radius:16px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:all .4s;flex:0 0 400px}.card-container .card:not(.exp):hover{box-shadow:0 4px 8px #fff;transform:translateY(-5px)}.card-container .card:not(.exp) .card-image{position:relative;height:150px;background-color:#08070c;image-rendering:auto !important}.card-container .card:not(.exp) .card-image img{width:100%;height:115%;object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}.card-container .card:not(.exp) .card-content{padding:16px}.card-container .card:not(.exp) .card-content h2{margin:0;font-size:18px;font-weight:bold}.card-container .card:not(.exp) .card-content p:not(.languages){margin:8px 0 0}.card-container .card:not(.exp) .card-content p.languages{margin:0px}.card-container .card:not(.exp) .card-content p{font-size:14px;color:hsla(0,0%,100%,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;white-space:normal}.card-container.small .cardlist-small{display:flex;overflow-x:auto;white-space:nowrap;gap:8px;padding:10px 0}.card-container.small .cardlist-small#repeat-songs-list,.card-container.small .cardlist-small#repeat-album-list{display:grid;grid-template-columns:repeat(5, 1fr)}.card-container.small .cardlist-small .exp-name{font-size:20px}.card-container.small .cardlist-small .exp-background{font-family:"Open Sans"}.card-container.small .cardlist-small.projects-list{display:grid}.card-container.small .cardlist-small.projects-list .card{flex:0 0 auto;padding:10px 20px;border-radius:8px;font-size:15px;transition:all .4s}.card-container.small .cardlist-small.projects-list .card:hover{box-shadow:0 4px 8px #fff;transform:translateY(-5px)}
