.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}.page-header{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.page-header a{flex-shrink:0}.page-header .back-arrow{cursor:pointer;transition:color .2s;color:hsla(0,0%,100%,.565);position:relative;z-index:10;top:5%}.page-header .back-arrow:hover{color:#fff;transition:color .3s}.page-header .page-header-badge{height:110px;aspect-ratio:1/1;border-radius:50%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1.4rem;align-items:center;text-align:center;background-size:cover!important;background-position:50%!important;overflow:hidden;z-index:2;flex-shrink:0;animation:scaleAnimation .8s ease-in-out}@media screen and (width < 800px){.page-header .page-header-badge{height:90px}}.page-header h1{font-size:clamp(1rem,5vw,1.6rem);font-weight:700;letter-spacing:1px;color:#00070d;background-color:#3ba13f;padding:.5rem 0}.page-header h1:after{max-width:50%;right:-10%}.page-header h1:after,.page-header h1:before{position:relative;content:"BBBBBBB";background-color:#00070d;padding:1rem;border-radius:50%}.page-header h1:before{left:-10%}.certi-tab{display:flex;justify-content:center;align-items:center;width:100%;height:7.5%;padding:.6rem;background-color:#000;font-size:1.2rem;color:hsla(0,0%,100%,.502)}.social-button{float:left;width:60px;height:60px;margin-right:1.5rem;cursor:pointer;background:#fff;overflow:hidden;border-radius:50px;transition:all .3s ease-in-out;box-shadow:0 10px 10px rgba(0,0,0,.1)}.social-button:hover{transition:all .3s ease-in-out;width:200px}.social-button .social-icon{display:flex;justify-content:center;align-items:center;height:60px;aspect-ratio:1/1;text-align:center;border-radius:50px;transition:all .3s ease-in-out}.social-button span{font-size:20px;font-weight:500;margin-left:10px;border:1px solid #fff;position:relative;top:-2.8rem;left:3.8rem}.social-button a{display:flex}.social-button:first-child:hover .social-icon{background:#e1306c}.social-button:nth-child(2):hover .social-icon{background:#4267b2}.social-button:nth-child(3):hover .social-icon{background:#1da1f2}.social-button:nth-child(4):hover .social-icon{background:#0e76a8}.social-button:nth-child(5):hover .social-icon{background:#333}.social-button:first-child span{color:#e1306c}.social-button:nth-child(2) span{color:#4267b2}.social-button:nth-child(3) span{color:#1da1f2}.social-button:nth-child(4) span{color:#0e76a8}.social-button:nth-child(5) span{color:#333}.social-button:hover svg{color:#fff}.social-wrapper{flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;min-width:-moz-max-content;min-width:max-content}@keyframes scaleAnimation{0%{scale:.2}50%{scale:.5}to{scale:1}}