.project-section{width:100%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.projects-header{font-family:var(--font-base);font-size:35px;color:var(--color4);text-align:center;margin-bottom:20px;padding:10px 30px;box-shadow:0 0 180px 1px var(--color1);border-radius:10px}.all-projects{width:100%;padding:0 10px;border-radius:5px}.particular-project{background-color:rgba(0,0,0,.4);background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color2);width:100%;border-radius:10px 10px 0 0;margin:20px 0;position:-webkit-sticky;position:sticky;top:10px;transition:width .5s ease-in-out}.particular-project>h3{padding:1rem;color:var(--color1);background-color:var(--color3);border-radius:10px;border-bottom:1px solid var(--color2);font-family:var(--font-base);font-size:25px;font-weight:600;text-align:center;margin:0}.projects-parent{position:relative;width:100%}.projects{width:100%;display:flex;flex-direction:row;align-items:center;padding:20px 10px 10px}.arror-button,.justify-content{justify-content:center}.arror-button{font-size:20px;border-radius:100%;display:flex;align-items:center;height:30px;width:30px;z-index:2;outline:none;border:none;background-color:var(--color2);color:var(--color3);transition:all .3s;box-shadow:0 0 5px var(--color3);transform:translateY(-50%)}.arror-button:hover{background-color:var(--color1);box-shadow:0 0 10px var(--color3)}.right{right:0}.left,.right{position:absolute;top:50%}.left{left:0}.project{width:100%;position:relative;border-radius:10px;transition:all 1s ease-out;overflow:hidden;border:1px solid var(--color5)!important;transition:all .3s ease-out}.project:hover{z-index:2}.project-image{width:100%;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.project-name{text-align:center;background-color:black;color:var(--color2);border-top:1px solid var(--color1);font-size:20px}.project-content,.project-name{width:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px;border-radius:10px}.project-content{position:absolute;top:0;left:100%;height:auto;display:flex;align-items:center;justify-content:space-between;flex-direction:column;background-color:rgba(0,0,0,.4);color:var(--color4);transition:all .3s;z-index:1;opacity:0;overflow:hidden}.project:hover .project-content{transition-delay:.1s;opacity:1;left:0;box-shadow:0 0 5px var(--color2)}.project-content p{text-align:justify;font-weight:600}.project-content .copied{top:0;right:0;transform:translateY(-50%)}.project .copy-component .icon{width:41px!important;letter-spacing:-2px;margin-right:10px;color:var(--color5)!important}.project-links{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin:5px 0;padding:5px}.single-github{flex-direction:row}.project-links div{width:100%;display:flex;justify-content:space-around;align-items:center;margin:0;gap:5px}.project-links a{display:flex;align-items:center;justify-content:center}.project-links a svg{font-size:20px;margin-right:5px}@media screen and (max-width:768px){.projects{overflow-x:auto}}@media screen and (max-height:470px){.particular-project{position:static}}@media screen and (min-height:750px) and (min-width:750px){.project-section{padding-bottom:250px}.particular-project{border:none;box-shadow:0 -2px 6px var(--color4)}}.project2{width:100%;display:grid;grid-gap:15px;gap:15px;grid-template-columns:auto;justify-content:center}@media screen and (min-width:420px){.project2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.left-click{transform:perspective(200px) rotateY(-50deg) scale(.6)!important}.right-click{transform:perspective(200px) rotateY(50deg) scale(.6)!important}.bottom-click{transform:perspective(200px) rotateX(-50deg) scale(.6)!important}.project-name{border-radius:0 0 10px 10px!important;border-color:var(--color4)!important}.switch-project{border-radius:5px;display:flex;align-items:center;justify-content:center;margin:20px 0;overflow:hidden;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.switch-tab{padding:10px;color:var(--color1);text-align:center;width:150px;font-size:17px;font-weight:600;border:1px solid var(--color1);border-radius:5px;margin:5px;background:linear-gradient(to left,var(--color3),black);animation:deactivetab .5s linear forwards;cursor:pointer}.switch-tab:hover{border:1px solid var(--color2)}.current{animation:activetab .5s linear forwards!important}@keyframes activetab{0%{box-shadow:inset 0 0 5px var(--color1);color:var(--color1)}to{box-shadow:inset 0 0 30px 20px var(--color1);color:var(--color3)}}@keyframes deactivetab{0%{box-shadow:inset 0 0 30px 20px var(--color1);color:var(--color3)}to{box-shadow:inset 0 0 5px var(--color1);color:var(--color1)}}@media screen and (min-height:750px) and (min-width:750px){.project-section{padding-bottom:inherit!important}}.card{background:var(--color3);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.card,.imageContainer{overflow:hidden;position:relative}.imageContainer{width:100%;height:180px}.image{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.card:hover .image{transform:scale(1.05)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease;padding:15px}.card:hover .overlay{opacity:1}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.badges span{color:var(--color1);padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:500}.badges span,.info{background:var(--color3)}.info{padding:15px}.info h3{margin:0 0 8px;font-size:1.2rem;color:var(--color4)}.descriptionPreview{color:var(--color3);font-size:.9rem;margin:0 0 12px;line-height:1.4}.cta{color:var(--color2);font-weight:600;font-size:.9rem;justify-content:flex-end}.cta,.ic-modalOverlay{display:flex;align-items:center}.ic-modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--color5-opacity-15)}.ic-modalContent{border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;background:var(--color3);border-radius:1rem;width:90%;padding:10px;border:1px solid var(--color5);box-shadow:0 10px 30px rgba(0,0,0,.3);margin:auto}.ic-closeButton{position:absolute;top:15px;right:15px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--color3);border:none;color:var(--color4);font-size:1.5rem;cursor:pointer;z-index:10;transition:color .2s;border-radius:100%}.ic-closeButton:hover{color:var(--color2)}.ic-modalGrid{display:flex;justify-content:center;gap:30px;align-items:flex-start;position:relative}.ic-modalImageContainer{position:relative;flex:1 1}.ic-modalImage,.ic-modalImageContainer{height:100%;background-color:var(--color5-opacity-15)}.ic-modalImage{width:100%;object-fit:cover;object-position:top}.ic-modalImageContainer:hover .modalImage{object-fit:contain}.ic-modalDetails{padding:30px 0;flex:1 1}.ic-modalDetails h2{color:var(--color4);margin-top:0;margin-bottom:15px;font-size:1.8rem;text-align:center}.ic-techStack{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ic-techStack span{background:var(--color1);color:var(--color3);padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.ic-section{margin-bottom:20px}.ic-section h3{color:var(--color2);margin-bottom:10px;font-size:1.1rem}.ic-section p,.ic-section ul{color:var(--color4);line-height:1.6;font-size:.95rem}.ic-section ul{padding-left:20px}.ic-section ul li{margin-bottom:8px}.ic-buttonGroup{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.ic-githubButton,.ic-liveButton{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease}.ic-liveButton{background:var(--color2);color:var(--color1)}.ic-liveButton:hover{background:var(--color4);transform:translateY(-2px)}.ic-githubButton{background:rgba(var(--color3),.1);color:var(--color3);border:1px solid rgba(var(--color3),.3)}.ic-githubButton:hover{background:rgba(var(--color3),.2);transform:translateY(-2px)}.ic-demoCredentials{background:rgba(var(--color3),.05);border-radius:8px;margin-top:20px;border:1px dashed rgba(var(--color3),.2)}.ic-demoCredentials h3{margin-top:0;margin-bottom:12px;color:var(--color2);font-size:1.1rem}.ic-credentialItem{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;color:var(--color4)}.ic-credentialLabel{margin-right:10px;font-size:.9rem;display:flex;align-items:center;gap:5px}@media (max-width:768px){.ic-modalGrid{flex-direction:column}}@media (max-width:480px){.ic-buttonGroup{flex-direction:column}.ic-githubButton,.ic-liveButton{justify-content:center}.ic-modalContent{margin-top:10px}}