html{font-size:10px}*{box-sizing:border-box;margin:0;padding:0;font-size:1.8rem}h1{font-size:5rem}h2{font-size:4.4rem}h3{font-size:3.8rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:2rem}#page-heading{text-align:center}#separator{margin-bottom:2rem}.projects{display:flex;flex-direction:column;gap:10rem}.accordian{width:100vw;display:flex;flex-direction:column;align-items:center}.singleSelec{cursor:pointer;position:relative}.accordian>div{background-color:#e588ff;display:flex;flex-direction:column;gap:2rem;padding:2rem;border-radius:2rem}.question{font-weight:700;display:inline-block;padding-right:2rem;margin-bottom:1rem}.toggle{position:absolute;right:0}hr{background-color:#000}.accordian button{background-color:#e588ff;border-radius:1rem;width:20rem;height:4rem;margin:2rem 0rem;cursor:pointer}.accordian button:active{background-color:#eeaeff}.random-color{width:100vw;display:flex;flex-direction:column;align-items:center}.random-color>h2{text-align:center}.interface{display:flex;gap:2rem;margin-bottom:2rem}.interface button{padding:1rem 2rem;border-radius:1rem;cursor:pointer}.color-block{width:100%;height:80rem;display:flex;justify-content:center;align-items:center}.star-rating{display:flex;flex-direction:column;align-items:center}.star{cursor:pointer}.image-slider{display:flex;flex-direction:column;align-items:center}.image-container{width:50rem;height:50rem;position:relative}.image-container>img{position:absolute;width:100%;height:100%;object-fit:cover}.arrows{position:absolute;color:#fff;cursor:pointer;transition:all .3s ease-in-out}.arrows:hover{color:#d3d3d3;transform:scale(1.1) translateY(-50%)}.arrow-left{top:50%;transform:translateY(-50%);left:1rem}.arrow-right{top:50%;transform:translateY(-50%);right:1rem}.selection{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.circle-selector{height:2rem;width:2rem;border-radius:50%;cursor:pointer}.load-next{display:flex;flex-direction:column;align-items:center}.loading{text-align:center}.items{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0rem}.product{width:35rem;padding:3rem 2rem;border:1px solid black}.product>div{width:20rem;height:20rem}.product>div>img{width:100%;height:100%;object-fit:contain}button.inactive{pointer-events:none;opacity:.5}.recursive-menu{display:flex;flex-direction:column;align-items:center}li{margin-left:3rem}.menu-item{display:flex;gap:3rem;align-items:center}.toggle-expand{cursor:pointer}
