.projects-section-container{padding-top:150px;padding-bottom:100px;display:flex;align-items:center;justify-content:center;width:100%}.carousel{display:none;position:relative;width:1000px;height:600px;background:var(--color-dark-mode);animation:animateDiv .7s ease-in-out 1 forwards}.carousel p{position:absolute;bottom:60px;left:12%;color:var(--color-white);font-size:3rem}.carousel .slide .item{width:200px;height:300px;position:absolute;top:50%;transform:translate(0,-50%);border-radius:27px;box-shadow:0 8px 36px 0 #1f26875e;background-position:50% 50%;background-size:cover;display:inline-block;transition:.5s}.slide .item:nth-child(1),.slide .item:nth-child(2){top:0;left:0;transform:translate(0,0);border-radius:40px;width:100%;height:100%}.slide .item:nth-child(3){left:60%}.slide .item:nth-child(4){left:calc(60% + 220px)}.slide .item:nth-child(5){left:calc(60% + 440px)}.slide .item:nth-child(n+6){left:calc(60% + 660px);opacity:0}.item .content{animation:animateBox .7s ease-in-out 1 forwards;position:absolute;top:50%;left:100px;width:320px;text-align:left;transform:translate(0,-50%);font-family:system-ui;display:none;background-color:#ece7e180;border-radius:20px;padding:20px;border:1px dashed #ece7e1bd;backdrop-filter:blur(10px)}.slide .item:nth-child(2) .content{display:block}.content .name{font-size:40px;text-transform:uppercase;font-weight:700;animation:animate .5s ease-in-out 1 forwards;text-shadow:1.5px 4px 4.5px #464646}.content .des{color:#242424;font-weight:500;text-shadow:.5px .5px 7px #1d1d1d;margin-top:10px;margin-bottom:20px;font-size:16px;animation:animate .5s ease-in-out .2s 1 forwards}.content a{animation:animate .7s ease-in-out .3s 1 forwards}.content a:hover img{filter:brightness(3) drop-shadow(1.5px 2px 2.5px #000)}.content .cta svg{margin-top:5px}@keyframes animateDiv{from{opacity:0;transform:translate(0,100px)}to{opacity:1;transform:translate(0)}}@keyframes animate{from{opacity:0;transform:translate(0,100px);filter:blur(27px)}to{opacity:1;transform:translate(0)}}@keyframes animateBox{from{opacity:0;transform:translate(0,-30px);filter:blur(27px)}to{opacity:1;transform:translate(0,-100px)}}.blog-buttons{width:100%;text-align:center;position:absolute;bottom:20px}.blog-buttons svg{height:25px;width:20px;margin-top:3px;padding-bottom:1.2px}.blog-buttons button{opacity:.5;width:45px;height:45px;border-radius:10px;border:none;cursor:pointer;margin:0 5px;border-bottom:5px solid #000;transition:.3s;box-shadow:1px 1px 6px 1px #000}.blog-buttons button:hover{opacity:1}.view-toggle-btn{margin:20px 0;font-weight:700;padding:17px 10px;border-radius:50px;cursor:pointer;border:0;background-color:var(--color-dark-mode);box-shadow:0 1px 7px 1px var(--color-white);color:var(--color-white);letter-spacing:.7px;text-transform:uppercase;font-size:2rem;transition:all .5s ease}.view-toggle-btn:hover{letter-spacing:1px;background-color:var(--color-purple);color:var(--color-white);box-shadow:0 7px 29px 0 var(--color-purple)}.view-toggle-btn:active{letter-spacing:1.7px;background-color:var(--color-purple);color:var(--color-white);box-shadow:0 0 0 0 var(--color-purple);transform:translateY(10px);transition:.1s}.normal-view{display:block;margin-left:5%;animation:animateDiv .7s ease-in-out 1 forwards}.project-buttons{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:20px;transform-style:preserve-3d}.faviconforProject{width:30px;border-radius:50%}.project-box{width:100%;height:400px;display:flex;flex-direction:row;justify-content:space-between;transition-duration:.3s;border-radius:30px;box-shadow:0 8px 36px 0 #1f26875e;background-image:linear-gradient(to top left,#2a2a2f00,#232331)}.project-boxes-div{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.project-box-wrapper{perspective:600px}.project-box,.project-box-wrapper{transform-style:preserve-3d}.project-box-wrapper:hover .project-box{transform:rotate3d(1,1,0,3deg);box-shadow:#0547114d 0 16px 50px -12px}.info-div{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:0 40px}.project-buttons .github img{width:45px;height:auto;filter:brightness(3.5) hue-rotate(22deg) drop-shadow(1.5px 2px 2.5px #000)}.project-box-wrapper:hover .info-div .github img{transform:translateX(4px);filter:brightness(3.6) hue-rotate(23deg) drop-shadow(-2px 10px 5px #00000079)}.github{width:50px}.github:hover{filter:brightness(6) hue-rotate(22deg)}.github:active{transform:scale(.9)}.cta{padding:12px 18px;transition:.2s;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;filter:drop-shadow(1.5px 2px 2.5px #000)}.project-box-wrapper:hover .info-div .cta{transform:translateX(7px);filter:drop-shadow(-2px 10px 5px #00000079)}.cta::before{content:"";position:absolute;left:0;display:block;border-radius:50px;background:#2b2f4e;width:45px;height:45px;transition:width .3s ease-in-out}.cta span{font-size:2.2rem;font-weight:600;letter-spacing:.05em;color:#6bc5f8}.cta svg{top:0;margin-left:5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#6bc5f8;stroke-width:2}.cta:hover svg{stroke:#fff;transform:translateX(5px);transition:transform .27s ease-in-out .1s}.cta:active{transform:scale(.9)}.cta:hover:before,.project-box-wrapper{width:100%}.cta,.cta span,.cta svg,.project-box{position:relative}.project-box-wrapper:hover .ProjectDescription,.project-box-wrapper:hover .blog-content{transform:translateX(7px);filter:drop-shadow(-2px 11px 5px #00000079)}.ProjectDescription,.ProjectHeading{text-shadow:1.5px 2px 7.5px #000}.project-box{transition:transform .3s ease-in-out}.blog-content{transition:transform .2s .1s,filter .2s .1s}.ProjectHeading{color:#fff;font-size:3.4rem;font-weight:700;text-transform:uppercase}.ProjectDescription{color:#d7d7d7;font-size:1.7rem;font-weight:400;transition:transform .2s .2s,filter .2s .2s}.cta,.project-buttons .github img{transition:transform .2s .3s,filter .2s .3s}