.details-expando{margin-top:10px;width:100%}.details-expando a{color:#fff;text-shadow:#1e1e1e 1px 1px}.details-expando .project-description{height:0;overflow:hidden;text-align:left;transition:all .2s}.details-expando .project-description ul{margin:0}.details-expando .project-description.expanded{height:var(--description-height)}.project-card{--description-height:var(--0811f47a);background-color:#0e0e0e;border-radius:10px;color:#e0e0e0;margin-top:10px;padding:5px;position:relative}.project-card .header-image{display:flex}@media screen and (max-width:899px){.project-card .header-image{justify-content:center}}.project-card .header-image img{max-height:150px}.project-card .organization{-moz-column-gap:10px;column-gap:10px;display:flex}.project-card .organization a{color:#fff}.project-card .organization .organization-icon img{height:25px}@media screen and (max-width:899px){.project-card .organization .organization-icon img{height:18px}.project-card .organization{font-size:12px}}@media screen and (min-width:1024px){.project-card.featured .organization .organization-icon img{height:30px}}.project-card .right-icons{color:#656565;font-size:1.5em;position:absolute;right:10px;top:10px;z-index:1}.project-card .right-icons img{opacity:.5}.project-card .right-icons span{margin:5px}.project-card.has-background .right-icons{color:#8e8e8e}.project-card div.project-details-expando{height:0;overflow:hidden}.project-card h1,.project-card h2,.project-card h3,.project-card p{margin:0;padding:0}.project-card .project-summary{font-size:18px;font-style:italic;margin-bottom:20px}.project-card .project-description{font-size:18px}.project-card .project-description p{padding:5px}.project-card .project-description div.spacer{height:10px}.project-card .project-tag-active{background:#2c3139;border-radius:5px;color:#f0f0f0;font-size:16px;margin:5px;padding:7px 20px;position:absolute;right:5px;top:5px;vertical-align:middle}.project-card.has-background{padding:0}.project-card.has-background .project-details-container{background:#181b1f33;border-radius:10px;padding:10px;text-shadow:1px 1px #1e1e1e}@media screen and (max-width:899px){.project-card .project-details-container{margin-top:30px}}.project-card.has-background{border:1px solid #373535}.project-card.has-background .project-details{background:#181b1f99;border-bottom-left-radius:10px;border-top-left-radius:10px}@media screen and (min-width:769px){.project-card.has-background .project-details{width:100%}}.project-card .unreleased-dev{background-color:#0b0b0b;border:1px dashed #252525;border-radius:5px;bottom:5px;padding:10px;position:absolute;right:5px;z-index:1}.project-card .project-image{border-bottom-right-radius:10px;border-top-right-radius:10px}.project-card.list h1{font-size:30px}.project-card.unreleased{background-color:#131313;border:1px dashed #252525}.project-card.deprecated{border:1px dashed #e14f4f}.project-card.deprecated h1{color:#dd3939}.project-card.deprecated .deprecated{color:#dd3939;font-size:13px}.project-card .date{font-size:13px;margin-bottom:10px}.project-card.featured{display:flex;flex-direction:row;position:relative}.project-card.featured .project-background{background-size:contain;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:768px){.project-card.featured .project-background{background-position:50% 50%;background-size:cover}}.project-card.featured .project-background:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;content:"";height:100%;position:absolute;width:100%}.project-card.featured .project-details,.project-card.featured .project-image{z-index:1}.project-card.featured .project-icon{float:right;margin:20px;width:150px}@media screen and (max-width:768px){.project-card.featured{flex-direction:column-reverse}.project-card.featured .project-icon{float:left;text-align:center}}.project-card.list{position:relative}.project-card.list .project-background{background-position:50% 50%;background-size:cover;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.project-card.list .project-background:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;content:"";height:100%;position:absolute;width:100%}.project-card.list .project-details{z-index:1}.project-card.list .project-details .details{display:flex;flex-direction:row;margin-bottom:5px}.project-card.list .project-details .details .project-icon-container{text-align:center}@media screen and (max-width:400px){.project-card.list .project-details .details{flex-direction:column}}.project-card.list img.project-icon{background-color:#090909}.project-card.list .project-icon{border-radius:10px;height:100px;margin-right:10px;padding:5px;vertical-align:middle;width:100px}@media screen and (max-width:899px){.project-card.list .project-icon{display:none}}.project-card.featured div.project-details{display:flex;flex-direction:column;justify-content:space-between}.project-card.featured div.project-details .button{border:1px solid #252525;border-radius:5px;display:inline-block;font-size:20px;font-weight:700;margin:5px;min-height:25px;min-width:200px;padding:10px;position:relative;text-align:left;transition:all .2s}.project-card.featured div.project-details .button img{vertical-align:middle;width:30px}.project-card.featured div.project-details .button a{height:100%;left:0;position:absolute;top:0;vertical-align:middle;width:100%}@media screen and (max-width:768px){.project-card.featured div.project-details .button{margin-top:10px}}.project-card.featured div.project-details .button.coming-soon{background:transparent;color:#6e6e6e}.project-card.featured div.project-details .button:hover{background:#252525;transform:translateY(-2px)}.project-card.featured div.project-details .button.play-airship,.project-card.featured div.project-details .button.play-roblox{background:#198549}.project-card.featured div.project-details .button.disabled{background:#131313;color:#4e4e4e}.project-card.featured div.project-details .button.disabled a{display:none}.project-card.list div.project-details{display:flex;flex-direction:column;justify-content:space-between}.project-card.list div.project-details .button{background:#252525;border-radius:5px;display:inline-block;font-size:20px;font-weight:700;margin:5px;min-height:25px;padding:10px;position:relative;text-align:left;width:200px}.project-card.list div.project-details .button img{vertical-align:middle;width:30px}.project-card.list div.project-details .button a{height:100%;left:0;position:absolute;top:0;vertical-align:middle;width:100%}@media screen and (max-width:768px){.project-card.list div.project-details .button{margin-top:10px}}.project-card.list div.project-details .button.coming-soon{color:#6e6e6e}.project-card.list div.project-details .button.disabled{background:#131313;color:#4e4e4e}.project-card.list div.project-details .button.disabled a{display:none}.project-card.list div.project-details .button.small{font-size:15px;padding:5px}@media screen and (max-width:1799px){div.project-card{margin-left:10px;margin-right:10px}}@media screen and (max-width:768px){div.project-card{display:flex;flex-direction:column}div.project-card .links{text-align:center}div.project-card .project-details{padding:20px}}@media screen and (min-width:769px){.project-card{display:flex;flex-direction:row}.project-card.featured{min-height:500px}.project-card.featured .project-details{width:50%}.project-card .project-details{display:inline-block;padding:20px;text-align:left}.project-card .project-details h1{font-weight:700}.project-card div.project-image{height:500px;width:50%}:nth-child(2n of.featured){display:flex;flex-direction:row-reverse}:nth-child(2n of.featured) .project-icon{float:left}:nth-child(2n of.featured) .project-details{text-align:right;width:50%}:nth-child(2n of.featured) .project-details .links{display:flex;flex-direction:row-reverse}:nth-child(2n of.featured) .project-image{width:50%}}
