.skills{background-color:#ededed;flex-direction:column;justify-content:flex-start;align-items:center;min-height:60vh;padding:2.5rem 2rem 2rem;display:flex}.skillsHeader{color:#43c7c0;justify-content:center;align-items:center;display:flex}.skillsHeader h2{font-family:var(--primaryFont);text-align:center;font-size:3.5rem;font-style:normal;font-weight:700}.skillsContainer{justify-content:center;align-items:center;width:100%;margin-top:3.5rem;padding:0 2rem;display:flex}.skill--scroll{width:100%;margin:0 2rem}.skill--box{background:#43c7c0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:1.5rem;padding:2rem 1rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 10px 20px #0000001f}.skill--box:hover{transform:scale(1.15)}.skill--box>img{pointer-events:none;height:50px}.skill--box h3{text-align:center;margin-top:1rem;font-family:Big Shoulders Text;font-size:22px;font-style:normal;font-weight:500}.marquee{padding:3rem 0}@media (min-width:992px) and (max-width:1380px){.skills{padding:2rem 1rem 1rem}.skillsContainer{margin-top:1.5rem;padding:1.5rem}}@media screen and (max-width:992px){.skills{min-height:100%;padding:1rem}.skillsContainer{margin:1rem 0;padding:1rem}.skillsHeader h2{font-size:3.2rem}.skill--box{width:150px;height:150px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:45px}.skill--box h3{margin-top:1rem;font-size:20px}}@media screen and (max-width:800px){.skills,.skillsContainer{padding:.5rem}.skillsHeader h2{font-size:3rem}.skill--scroll{width:100%;margin:0}}@media screen and (max-width:600px){.skill--box{width:135px;height:135px;margin:1.2rem;padding:2rem 1rem}.skill--box>img{height:40px}.skillsHeader h2{font-size:2.5rem}.skill--box h3{margin-top:1rem;font-size:18px}}
.projects{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem;display:flex;overflow-x:hidden}.projects--header{justify-content:center;align-items:center;width:100%;margin:1rem;display:flex}.projects--header h1{font-size:3.5rem;font-family:var(--primaryFont);margin-bottom:40px}.projects--body{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.projects--bodyContainer{grid-gap:2.5rem;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;width:90%;margin:auto;display:grid}.projects--viewAll{justify-content:flex-end;align-items:center;width:100%;margin-top:2rem;padding:2rem;display:flex}.projects--viewAll a button{width:150px;height:48px;text-transform:inherit;font-size:1.05rem;font-family:var(--primaryFont);cursor:pointer;border:none;border-radius:45px;outline:none;justify-content:space-between;align-items:center;padding-left:1.5rem;font-weight:500;display:flex}@media screen and (max-width:1200px){.projects--bodyContainer{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}}@media screen and (max-width:800px){.projects--header h1{margin-bottom:30px;font-size:3rem}}@media screen and (max-width:600px){.projects--header h1{margin-bottom:20px;font-size:2.5rem}.projects--viewAll{margin-top:4rem;position:relative}.projects--viewAll a{position:absolute;left:50%;transform:translate(-50%)}}
.singleProject{cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:550px;height:460px;margin:auto;padding:1.4rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 8px #24030333}.projectContent{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.projectContent>h2{font-family:var(--primaryFont);text-align:center;font-size:1.525rem;font-style:normal;font-weight:600;line-height:110%}.projectContent>img{width:100%;height:60%;transition:opacity .7s .3s}.singleProject:hover img{opacity:0}.project--showcaseBtn{justify-content:space-between;align-items:center;width:100%;display:flex}.project--showcaseBtn>a{cursor:pointer;text-decoration:none;transition:transform .5s .3s}.singleProject:hover .project--showcaseBtn a:nth-child(2){transform:translate(-140px)scale(1.1)!important}.singleProject .project--desc{width:95%;height:200px;line-height:110%;font-family:var(--primaryFont);border-radius:0 20px 20px 0;justify-content:center;align-items:center;padding:15px;transition:transform .9s;display:flex;position:absolute;top:0;left:0;transform:translate(-110%,40%)}.singleProject:hover .project--desc{transform:translate(-2%,40%)}.singleProject .project--lang{border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;gap:.5rem;width:140px;padding:.825rem;font-size:.8rem;transition:transform .5s .3s;display:flex;position:absolute;bottom:20px;right:0;transform:translate(100%)}.singleProject:hover .project--lang{transform:translate(0)}.project--lang>span{font-family:var(--primaryFont);word-break:break-word;font-weight:500;line-height:100%}@media screen and (max-width:600px){.singleProject{width:300px}}