*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #0e1116;--border-color: #2b323f;--text-color: #ffffff;--sub-text-color: #7b8290;--white: #e0e1e6}body{background:var(--primary-bg);color:#fff;font-family:Inter,sans-serif;height:98vh;overflow:hidden}.webpage-header{background:var(--primary-bg);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;justify-content:left;padding:1vh}.container-shapes{display:flex;flex-direction:column;width:100%;height:97vh;overflow:hidden}.container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.documentation{color:var(--white);text-decoration:none;font-size:16px;margin-left:auto;border:2px solid var(--border-color);padding:10px;border-radius:8px}.documentation>a{color:var(--sub-text-color);text-decoration:none}.documentation:hover{border-color:var(--white);color:var(--white)}.documentation:hover>a{color:var(--white)}.webpage-header .logo img{height:50px;width:auto}.webpage-header .title{text-align:center;margin-top:10px;padding-left:20px}.webpage-header .title h1{font-size:24px}#c{display:block;width:100%;height:100%;outline:none}.container-text{display:flex;flex-direction:column;justify-content:flex-end}.container-text>h1{font-size:2.5rem}main{display:flex;flex-direction:row;width:100%;height:calc(98vh - 90px);padding-right:15px;padding-left:15px;background:var(--primary-bg);gap:.5vh}main>div:first-child{flex:0 0 42%;max-width:42%;display:flex;flex-direction:column}main>div:nth-child(2){flex:0 0 58%;max-width:58%}.shape-gallery{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}section{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:10px;margin-top:1vh;padding-right:.5vw;padding-left:.5vw}section h2{margin-top:5px;font-size:28px;text-align:left;flex-shrink:0}section h3{font-size:18px;margin-top:20px;width:fit-content;text-align:center;flex-shrink:0}.gallery-row{display:flex;flex-direction:row;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.5vw;margin-top:.5vh;margin-left:auto;margin-right:auto;margin-bottom:.5vh;scrollbar-width:none;-ms-overflow-style:none}.gallery-row::-webkit-scrollbar{display:none}.gallery-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;flex:0 0 auto;width:6.5vw;min-width:6.5vw}.gallery-item img{box-shadow:0 2px 4px #0000001a;width:100%;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1 / 1}.gallery-item figcaption{color:var(--sub-text-color);margin-top:8px;font-size:14px;text-align:center}.gallery-item:hover figcaption{color:var(--white)}