*{margin:0;padding:0;box-sizing:border-box}main{display:grid;place-items:center;background-color:#1e2124;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";padding-inline:20px;padding-top:100px}img{width:100%;height:100%;display:block}h1{text-align:center}.dashboard__btn{text-decoration:none;color:#fff;position:absolute;top:5%;right:5%;padding:clamp(3px,1.5vw,7px) clamp(4px,1.5vw,12px);border:1px solid #fff;border-radius:4px;transition:color .25s linear,background-color .25s linear;font-size:clamp(10px,2.5vw,18px)}.dashboard__btn:hover{background-color:#fff;color:#1e2124}.system__group{grid-template-columns:repeat(4,1fr)}.system__group.three__grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 991px){.system__group.three__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 525px){.system__group.three__grid{grid-template-columns:repeat(1,1fr)}}.system__group,.environments{display:grid;width:min(100%,1200px);padding:20px;gap:20px;max-height:calc(100vh - 150px);overflow-y:auto}.system__group::-webkit-scrollbar,.environments::-webkit-scrollbar{width:1px}.system__group::-webkit-scrollbar-track,.environments::-webkit-scrollbar-track{background:#f1f1f1}.system__group::-webkit-scrollbar-thumb,.environments::-webkit-scrollbar-thumb{background:#888}.system__group::-webkit-scrollbar-thumb:hover,.environments::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1200px){.system__group,.environments{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.system__group,.environments{grid-template-columns:repeat(2,1fr)}}@media (max-width: 525px){.system__group,.environments{grid-template-columns:repeat(1,1fr)}}.system__group .content,.environments .content{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;aspect-ratio:1;background-color:#38363d;cursor:pointer;transition:scale .25s ease-in-out;gap:10px;padding:10px;position:relative}.system__group .content .icon__holder,.environments .content .icon__holder{width:60px}.system__group .content a,.environments .content a{position:absolute;top:0;right:0;bottom:0;left:0}.system__group .content:hover,.environments .content:hover{scale:1.05}.system__group .content h1,.environments .content h1{font-size:clamp(18px,1.5vw,28px);color:#d6d6d6}.container{width:min(100%,1200px);display:grid;place-items:center;position:relative}.container .breadcrumb{position:absolute;color:#fff;left:20px;top:-20px}.container .breadcrumb a{color:inherit;text-decoration:none;transition:color .25s linear}.container .breadcrumb a:hover{color:#f9a023}.container .breadcrumb a:last-child{-webkit-user-select:none;user-select:none;pointer-events:none}.container .environments{grid-template-columns:repeat(4,1fr);position:relative;width:min(100%,1200px);margin:20px}@media (max-width: 768px){.container .environments{grid-template-columns:repeat(2,1fr)}}@media (max-width: 525px){.container .environments{grid-template-columns:repeat(1,1fr)}}.inner-system__group{display:grid;grid-template-columns:repeat(1,1fr);width:min(100%,1240px);padding-top:20px;gap:20px;place-items:center}@media (max-width: 768px){.inner-system__group{grid-template-columns:repeat(1,1fr)}}.inner-system__group .content h1{text-align:center}.inner-system__group .system__list{width:min(100%,1200px);display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.inner-system__group .system__list:nth-child(2){margin-top:40px}}.inner-system__group .system__list .item__holder{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-height:calc(100vh - 150px);overflow-y:auto;padding-inline:20px;padding-bottom:5px}@media (max-width: 991px){.inner-system__group .system__list .item__holder{grid-template-columns:repeat(2,1fr)}}@media (max-width: 525px){.inner-system__group .system__list .item__holder{grid-template-columns:repeat(1,1fr)}}.inner-system__group .system__list .item__holder::-webkit-scrollbar{width:1px}.inner-system__group .system__list .item__holder::-webkit-scrollbar-track{background:#f1f1f1}.inner-system__group .system__list .item__holder::-webkit-scrollbar-thumb{background:#888}.inner-system__group .system__list .item__holder::-webkit-scrollbar-thumb:hover{background:#555}.inner-system__group .system__list .item__holder .item{position:relative;display:flex;align-items:center;gap:12px;background-color:#38363d;padding:8px 16px;transition:scale .25s linear}.inner-system__group .system__list .item__holder .item:hover{scale:1.05}.inner-system__group .system__list .item__holder .item a{position:absolute;top:0;right:0;bottom:0;left:0}.inner-system__group .system__list .item__holder .icon__holder{width:45px;aspect-ratio:1}.inner-system__group .system__list .heading{margin-inline:20px}.inner-system__group .system__list .heading h1{position:relative;background-color:#38363d;padding:10px 16px;text-align:center;font-size:28px}.inner-system__group .system__list .heading .content{width:100%}.inner-system__group .system__list .content{color:#d6d6d6}