.hero{border-radius:0 0 var(--border-radius)var(--border-radius);z-index:1;flex-direction:row;justify-content:center;align-items:center;height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px 30px #000}.hero .heroBackground{filter:brightness(.75)contrast(1.25);z-index:0;isolation:isolate;background-image:url(../media/Background.abf62ccd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero .heroContent{z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100%;display:flex}.hero .heroContent .heroImage{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.written{z-index:1;flex-direction:row;justify-self:center;align-items:flex-start;gap:1rem;width:80%;padding-top:5rem;padding-bottom:5rem;font-size:1.5rem;display:flex;position:relative}.written .sidebar{z-index:1;width:90%}.written .sidebar h2{font-family:var(--font-unica);color:#ff8a00;z-index:1}.written .sidebar h3{font-family:var(--font-poppins);color:#ff8a00;z-index:1;padding-top:1rem;font-size:1.26rem}.written .sidebar p,.written .sidebar li{font-family:var(--font-ubuntu);z-index:1;font-size:1.25rem}.written .sidebar ul{z-index:1;padding-left:1.25rem}.written .mainContent{z-index:1;font-size:1.5rem}.written .mainContent div{z-index:1;padding-bottom:1.25rem}.written .mainContent div img{object-fit:contain;z-index:1;width:auto;max-width:100%;height:auto;max-height:100%}.written .mainContent h1,.written .mainContent h2,.written .mainContent h3{font-family:var(--font-unica);color:#ff8a00;z-index:1}.written .mainContent p{font-family:var(--font-ubuntu);z-index:1;font-size:1.25rem}@media (min-width:3072px){.written{width:30%}}@media (min-width:2250px){.written{width:40%}}@media (min-width:1920px) and (max-width:2250px){.written{width:45%}}@media (max-width:1920px){.written{width:45%}}@media (max-width:1400px){.written{width:60%}}@media (max-width:1200px){.written{width:70%}}@media (max-width:1100px){.written{width:0%}}.logoAssets{align-items:left;z-index:1;font-size:1.5rem;font-family:var(--font-unica);color:#ff8a00;flex-direction:column;justify-self:center;gap:2rem;width:80%;display:flex}.logoAssets .heading{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.logoAssets .assets{z-index:1;flex-direction:row;width:50%;display:flex}.logoAssets .assets img{object-fit:contain;z-index:1;width:auto;max-width:100%;height:auto;max-height:100%}@media (min-width:3072px){.logoAssets{width:40%}}@media (min-width:2250px){.logoAssets{width:50%}}@media (min-width:1920px) and (max-width:2250px){.logoAssets{width:60%}}@media (max-width:1920px){.logoAssets{width:60%}}@media (max-width:1400px){.logoAssets{width:80%}}@media (max-width:1200px){.logoAssets{width:90%}}.contentSection{z-index:1;width:75%;font-size:1.5rem;font-family:var(--font-unica);color:#ff8a00;flex-direction:column;justify-self:center;align-items:center;padding-top:6rem;display:flex}.contentSection .heading{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:50%;display:flex}.contentSection .contents{z-index:1;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;padding-top:2rem;display:grid}.contentSection .contents img{object-fit:contain;z-index:1;width:auto;max-width:100%;height:auto;max-height:100%}.screenshotSection{z-index:1;width:75%;font-size:1.5rem;font-family:var(--font-unica);color:#ff8a00;flex-direction:column;justify-self:center;align-items:center;padding-top:6rem;display:flex}.screenshotSection .heading{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:50%;display:flex}.screenshotSection .screenshots{z-index:1;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;padding-top:2rem;display:grid}.screenshotSection .screenshots img{object-fit:contain;z-index:1;width:auto;max-width:100%;height:auto;max-height:100%}.license{z-index:1;width:75%;font-size:1.5rem;font-family:var(--font-unica);color:#ff8a00;flex-direction:column;justify-self:center;align-items:center;padding-top:6rem;display:flex}.license .heading{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:50%;display:flex}.license .licenseText{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:2rem;display:flex}.license .licenseText h4{z-index:1;padding-top:1rem}.license .licenseText p{color:var(--text-color);font-family:var(--font-ubuntu);z-index:1;font-size:1.2rem}
.customButton{color:var(--customButtonTextColor);font-family:var(--font);border-radius:var(--border-radius);border:1px solid var(--customButtonSecondary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;flex-direction:row;justify-content:space-around;align-items:center;padding:.5rem 1rem;font-size:1.2rem;transition:border-color .15s ease-in-out;display:flex;position:relative;overflow:hidden}.customButton img{transition:transform .15s ease-in-out}.customButton:before{content:"";background:linear-gradient(90deg,var(--customButtonPrimary),var(--customButtonSecondary));z-index:-1;opacity:0;background-clip:padding-box;width:100%;height:100%;transition:opacity .15s ease-in-out;position:absolute;top:0;left:0}.customButton{z-index:2}.customButton:hover{border-color:#0000}.customButton:hover img{transform:translate(10px)}.customButton:hover:before{opacity:1}