#all-projects.all-projects-index{box-sizing:border-box;height:auto;min-height:100vh;padding:12vh 8vw;overflow:visible}#all-projects.all-projects-index span{color:#232323}#all-projects.all-projects-index ul{margin:60px 0 0;padding:0;list-style:none}#all-projects.all-projects-index li{max-width:780px;margin-bottom:48px}#all-projects.all-projects-index h2{margin:0 0 8px;font-size:28px}#all-projects{color:#f5f5f5;width:100%;height:100vh;position:relative;overflow:hidden}@media (max-height:451px){#all-projects{height:200vh;overflow:scroll}}#all-projects h1{margin:0 0 20px;font-size:60px}#all-projects p{color:#d6d6d6;font-size:18px}@media screen and (max-width:920px){#all-projects p{font-size:16px}}@media screen and (max-width:723px){#all-projects p{font-size:17px}}@media screen and (max-width:500px){#all-projects p{font-size:16px}}@media (max-height:680px) and (max-width:330px){#all-projects p{font-size:14px}}#all-projects .h1-cap-fade-title{z-index:-1;color:#232323;font-size:400px;position:absolute;right:50px}#all-projects .background-layers{z-index:-1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;transform:translate(-40vh,-5vh)}#all-projects .background-layers img{z-index:-4;position:absolute}#all-projects .background-layers div{border-radius:10px;position:absolute}#all-projects .background-layers div:first-of-type{z-index:-1;background:#323232;width:40vh;height:40vh;box-shadow:0 0 50px #000}#all-projects .background-layers div:nth-of-type(2){z-index:-2;background:#292929;width:60vh;height:60vh;box-shadow:0 0 50px #000}#all-projects .background-layers div:nth-of-type(3){z-index:-3;background:#1c1c1c;width:80vh;height:80vh;box-shadow:0 0 50px #000}#all-projects .background-layers div:nth-of-type(4){z-index:-4;background:#171717;width:100vh;height:100vh;box-shadow:0 0 50px #000}#all-projects .background-layers div:nth-of-type(5){z-index:-5;background:#141414;width:120vh;height:120vh;box-shadow:0 0 50px #000}#all-projects .background-layers div:nth-of-type(6){z-index:-6;background:#080808;width:140vh;height:140vh;box-shadow:0 0 300px #000}#all-projects .all-projects-container{justify-content:space-around;align-items:center;width:80%;height:100%;margin-left:10%;display:flex}@media screen and (max-width:1330px){#all-projects .all-projects-container{justify-content:space-around;align-items:center;width:60%;margin:0}}@media screen and (max-width:1130px){#all-projects .all-projects-container{width:55%}#all-projects .all-projects-container h1{margin:35px 0 5px;font-size:50px}}@media screen and (max-width:1000px){#all-projects .all-projects-container{width:55%}#all-projects .all-projects-container h1{margin:35px 0 5px;font-size:50px}}@media screen and (max-width:920px){#all-projects .all-projects-container{width:55%}#all-projects .all-projects-container h1{margin:35px 0 5px;font-size:40px}}@media screen and (max-width:800px){#all-projects .all-projects-container{width:50%}#all-projects .all-projects-container h1{width:150%;margin:35px 0 5px;font-size:40px}}@media screen and (max-width:723px){#all-projects .all-projects-container{width:90%}#all-projects .all-projects-container h1{width:100%;margin:35px 0 5px;font-size:45px}}@media screen and (max-width:500px){#all-projects .all-projects-container{align-items:flex-start;width:88%}#all-projects .all-projects-container h1{width:100%;margin:0;font-size:35px}}@media (max-height:700px) and (max-width:375px){#all-projects .all-projects-container{align-items:center;width:88%}#all-projects .all-projects-container h1{width:100%;margin:0;font-size:35px}}@media (max-height:680px) and (max-width:330px){#all-projects .all-projects-container{align-items:center;width:85%}#all-projects .all-projects-container h1{width:100%;margin:0;font-size:32px}}#all-projects .all-projects-container .project-nav-preview{justify-content:center;align-items:flex-start;display:flex}@media screen and (max-width:1330px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media screen and (max-width:1130px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media screen and (max-width:1000px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media screen and (max-width:920px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media screen and (max-width:800px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media screen and (max-width:723px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media (max-height:700px) and (max-width:375px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}@media (max-height:680px) and (max-width:330px){#all-projects .all-projects-container .project-nav-preview{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}}#all-projects .all-projects-container .project-nav-preview .img-main-dd{background-color:#00000062;width:55vw;height:65vh}@media screen and (max-width:1330px){#all-projects .all-projects-container .project-nav-preview .img-main-dd{background-color:#00000062;width:100%;height:60vh}}@media (max-height:450px){#all-projects .all-projects-container .project-nav-preview .img-main-dd{height:100vh}}#all-projects .all-projects-container .project-nav-preview .img-main-dd img{object-fit:cover;object-position:center;z-index:1;width:100%;height:50vh;box-shadow:0 0 50px #000;margin:0!important}@media screen and (max-width:1330px){#all-projects .all-projects-container .project-nav-preview .img-main-dd img{height:60vh}}#all-projects .all-projects-container .project-nav-preview .por-v-sec-2{padding:25px}@media screen and (max-width:1330px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2{flex-direction:column;max-width:100%;display:flex}}@media (max-height:700px) and (max-width:375px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2{padding:10px}}@media (max-height:680px) and (max-width:330px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2{padding:10px}}#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used{flex-wrap:wrap;gap:8px;max-width:350px;display:flex}@media screen and (max-width:1330px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used{max-width:90%}}@media screen and (max-width:1130px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used{max-width:100%}}#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used span{color:#d6d6d6;letter-spacing:.01em;white-space:nowrap;background-color:#6e52a124;border:1px solid #6e52a180;border-radius:999px;padding:4px 13px;font-size:14px;line-height:1.5}@media screen and (max-width:1130px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used span{padding:3px 10px}}@media screen and (max-width:1000px){#all-projects .all-projects-container .project-nav-preview .por-v-sec-2 .skills-used span{font-size:13px}}#all-projects .all-projects-container .project-links a{align-items:center;height:40px;display:flex}.next-preview{z-index:10;width:350px;height:220px;position:absolute;bottom:30px;right:60px}@media screen and (max-width:1000px){.next-preview{bottom:0;right:0}}@media (max-height:680px) and (max-width:330px){.next-preview{bottom:-25px;right:-10px}}.next-preview .control-btn{z-index:200;margin-top:-27px;position:relative}.next-preview .control-btn img{object-fit:contain;border:5px solid #333;border-radius:15px;padding:2px;transition:border .3s;position:absolute;right:0;height:40px!important}.next-preview .control-btn img:hover{border:5px solid #6e52a1}.next-preview .control-btn img:first-of-type{margin-top:-30px}.next-preview .control-btn img:nth-of-type(2){margin-top:160px}.next-preview .img{object-fit:cover;position:absolute;box-shadow:0 0 10px #000}.next-preview .next-main-preview .next-preview-info{z-index:4;flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:absolute;transform:translate(-45px,-35px)}.next-preview .next-main-preview .next-preview-info p{color:#f5f5f5;width:20%;margin:0;font-size:22px;font-weight:600}.next-preview .next-main-preview .next-preview-info small{border-top:2px solid gray;padding-right:70px;font-family:monospace;font-size:15px}.github-stats{z-index:200;color:#fff;position:absolute;transform:translate(5px,-35px)}.github-stats span{background:#1818189d;border-radius:5px;align-items:center;width:-webkit-fit-content;width:fit-content;height:30px;padding:0 10px;display:flex}