.work-container{display:flex;flex-direction:column;padding:20px}.work{display:flex;flex-direction:row;height:100vh;background:#fefefe;border-radius:40px;position:relative}.work-image{width:40%;height:100vh;border-radius:50%;justify-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;flex-flow:column}.work-image img{max-width:50%;border-radius:2rem;box-shadow:8px 4px 8px #0003;transition:transform .3s ease;margin:10px}.work-image .worked-dates{font-size:1rem;font-weight:500;color:#333;margin-top:10px}.work-image .work-link{margin-top:20px;padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:8px;text-align:center;text-decoration:none;display:inline-block;transition:background-color .3s ease;box-shadow:0 4px 15px #0003}.work-link{letter-spacing:1px}.work-image .work-link:hover{background-color:#01e1ff}.work:hover .work-image img{transform:scale(1.05)}.current-job-badge{background:#ff5722;color:#fff;font-size:.8rem;padding:5px 10px;border-radius:8px;position:absolute;top:10px;right:10px;font-weight:700}.work-details{width:60%;height:60%;position:relative;top:20%;word-wrap:break-word;overflow:hidden}.work-right{border-radius:0 40px 40px 0}.work-left{border-radius:40px 0 0 40px}.work-details h1{color:#e8f5f5;align-content:center;text-align:center;font-size:2.5rem;font-family:Poppins,sans-serif}.work-details p{font-weight:400;font-size:1.4rem;line-height:1.8;color:#fff;padding-inline-start:2rem}.bold-string{font-weight:bolder;font-size:1.45rem}.work-details p,.worked-dates,.work-link{font-family:Roboto,sans-serif}.l-container{display:grid;--cols: 3;--rows: 2;grid-template-columns:repeat(var(--cols),auto);grid-template-rows:repeat(var(--rows),auto);margin:0}.l-container-right{position:absolute;bottom:20px;left:20px}.l-container-left{position:absolute;bottom:20px;transform:scaleX(-1);right:20px}.l-container .img-container{width:40px;margin:0;height:40px;padding:14px}.l-container img{bottom:20px;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:grayscale(.5)}.l-container .img-right{transform:scaleX(-1)}.l-container img:hover{filter:grayscale(0);transform:scale(1.2)}.l-container .img-right:hover{transform:scale(-1.2,1.2)}@media (max-width: 1324px){.work-details p{font-size:1.2rem}.current-job-badge{right:0}}@media (max-width: 1200px){.work{flex-direction:column;height:auto;align-items:center;padding:20px}.current-job-badge{top:10px;right:10px}.work-image,.work-details{width:100%;height:auto;text-align:center;padding:20px;position:static}.work-details h1{font-size:2rem}.work-details p{font-size:1.2rem;padding-inline:1rem}.bold-string{font-weight:bolder;font-size:1.25rem}.l-container{display:flex;position:static;grid-template-columns:repeat(2,auto);border-radius:4px}.l-container .img-container{border-radius:0!important}}@media (max-width: 768px){.work-container{padding:10px}.work-image,.work-details{width:90%;text-align:center;padding:15px}.work-image img{max-width:100%;height:auto}.work-details h1{font-size:1.8rem}.work-details p{font-size:1rem}.bold-string{font-weight:bolder;font-size:1.05rem}.work-link{font-size:.9rem;padding:8px 16px}.l-container{display:flex;flex-wrap:wrap;justify-content:center}.l-container .img-container{width:30px;height:30px;padding:8px}.l-container img{width:100%;height:auto}}@media (max-width: 480px){.work-container{padding:5px}.work{border-radius:10px}.work-image,.work-details{width:100%;padding:10px}.work-details h1{font-size:1.5rem}.work-details p{font-size:.9rem;padding-inline:.5rem}.bold-string{font-weight:bolder;font-size:.95rem}.l-container .img-container{width:25px;height:25px;padding:5px}.work-link{font-size:.8rem;padding:6px 12px}}