.projects{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;padding-bottom:5rem;padding-left:3%}.project-card{max-width:445px;width:95%;background-color:#171923;box-shadow:0 0 10px 2px #1f3e4b;border-radius:.375rem;overflow:hidden;cursor:pointer;transition:all .3s}.project-card:hover{filter:contrast(1.2)}.project-card .project-info{display:flex;flex-direction:column;padding:1.5rem}.project-card .project-type{color:#38a169;text-transform:uppercase;font-weight:800;font-size:14px;letter-spacing:1.5px;margin-bottom:.5rem}.project-card .project-date{color:#9ca3af;margin-top:1rem;font-weight:600}.project-card .project-name{color:#fff;font-weight:700;font-size:1.5rem}.project-card .project-desc{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0}.project-card .project-image{margin:-6px -6px 6px;height:15rem;overflow:hidden}.project-card .project-image img{height:100%}.each-project{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden;padding:5%}@media screen and (width < 1050px){.each-project{height:-moz-fit-content;height:fit-content;overflow:visible}}.each-project-content{display:flex;justify-content:space-between;align-items:center;gap:10%}@media screen and (width < 1050px){.each-project-content{flex-direction:column;gap:3rem;margin-top:5%}}.each-project-content .project-image{min-height:20rem;min-width:500px;width:50%;max-height:300px;top:0!important}.each-project-content .project-info{display:flex;flex-direction:column;width:50%;color:#fff;align-items:flex-start;justify-content:space-between;gap:1.5rem}@media screen and (width < 1050px){.each-project-content .project-info{height:-moz-fit-content;height:fit-content;width:80%}}.each-project-content .project-desc{font-size:1.1rem;text-align:justify;color:hsla(0,0%,100%,.8)}.each-project-content .project-tech{display:flex;gap:1rem;max-width:100%}.each-project-content .project-tech img{height:4rem;width:4rem}.each-project-content .github-link{background-color:#2d3748;width:10rem;color:hsla(0,0%,100%,.7);font-weight:600;display:grid;place-items:center;border-radius:8px;padding:.6rem 1rem;transition:all .3s}.each-project-content .github-link:active,.each-project-content .github-link:hover{background-color:#1a202c}.each-project-content .download-link{font-weight:600;width:10rem;display:grid;place-items:center;border-radius:8px;padding:.6rem 1rem;transition:all .3s;background-color:#0bc5ea;color:#000}.each-project-content .download-link:active,.each-project-content .download-link:hover{filter:brightness(.8)}.each-project-content .logo-box{background-color:hsla(0,0%,100%,.2);border-radius:50%;border:2px solid #fff;overflow:hidden}.each-project-content .project-image{position:relative;border-radius:1.5rem;width:45vw;height:100%}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background-color:#eee;color:#000;text-align:center;border-radius:6px;padding:5px 0;width:120px;bottom:115%;left:50%;margin-left:-60px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.3);text-transform:uppercase;position:absolute;z-index:1;opacity:0;transition:opacity 1s}.tooltip .tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#121214}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}