.proj{padding:100px 90px 10px;min-height:calc(100vh - 110px);color:#fff}.proj-heading{font-size:50px}.proj-details{padding:20px 0}.proj-details>h3{font-size:28px;font-weight:400;color:#bbb}.proj-skills{margin-top:50px}.proj-all-skills{padding:20px 0;display:flex;flex-wrap:wrap}.proj-skill{cursor:pointer;background-color:#0a0a0a;height:100px;width:90px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s cubic-bezier(1,0,0,2);border-top:1px solid #464646;margin:10px 15px;position:relative}.proj-skill>img{height:55px;object-fit:contain;aspect-ratio:1/1}.proj-skill:hover{background-color:#0f0f0f;box-shadow:0 5px 10px -8px #000;scale:1.1}.proj-details-skills{margin-top:30px;font-size:22px;font-weight:100;color:#bbb;-webkit-text-decoration:underline 1px;text-decoration:underline 1px;text-underline-offset:3px}.proj-details-nav{margin-top:15px;font-family:Arial,Helvetica,sans-serif;color:#fff;height:27px;overflow:hidden;font-size:22px}.proj-details-nav,.proj-details-nav>div{width:-moz-fit-content;width:fit-content}.proj-details-nav>div{transition:all .36s cubic-bezier(.165,.84,.44,1.1);cursor:pointer;display:flex;flex-direction:column}.proj-details-nav>div>a{text-decoration:none;margin:1px 0 0}.proj-details-nav>div>a:nth-child(2){color:#959595}.proj-details-nav:hover>div{transform:translateY(-30px)}.proj-details-nav-wrapper{display:flex;gap:40px}.proj-imgs{margin-top:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}.proj-img{object-fit:contain;width:80%;border-radius:1rem;transition:all .2s ease-in-out}.proj-img:hover{scale:1.03}@media screen and (max-width:1000px){.proj-heading{font-size:45px}.proj-details>h3{font-size:24px}.proj-details-nav{height:25px;font-size:20px}.proj-details-skills{font-size:21px}.proj-img{width:90%}}@media screen and (max-width:800px){.proj-heading{font-size:40px}.proj-details>h3{font-size:22px}.proj-details-nav{height:22px;font-size:19px}.proj-details-skills{font-size:20px}.proj-skill{height:100px;width:90px;margin:10px 13px}.proj{padding:100px 60px 10px}.proj-img{width:100%}}@media screen and (max-width:680px){.proj-heading{font-size:35px}.proj-details>h3{font-size:20px}.proj-details-nav{height:21px;font-size:18px}.proj-details-skills{font-size:18px}.proj-skill{height:90px;width:80px}.proj{padding:100px 50px 10px}}@media screen and (max-width:550px){.proj-heading{font-size:33px}.proj-details-skills,.proj-details>h3{font-size:18px}.proj-skill{height:75px;width:65px}.proj-skill>img{height:50px}.proj{padding:100px 45px 10px}.proj-imgs{gap:40px}}@keyframes slideIn{0%{transform:scale(0);opacity:0;z-index:-10}to{transform:scale(1);opacity:1;z-index:10}}.proj-skill-name{background:#000;position:absolute;padding:2px 7px;border-radius:5px;top:-30px;font-size:14px;background-color:hsla(0,0%,8%,.8);animation:none;opacity:0;align-items:center}.proj-skill:hover .proj-skill-name{animation:slideIn .1s ease-in-out .4s forwards}.proj-skill-name:after{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid hsla(0,0%,8%,.8);bottom:-4px;left:calc(50% - 5px);transform:rotate(180deg)}@media screen and (max-width:380px){.proj{padding:80px 40px 10px}}