*{box-sizing: border-box}body{margin: 0;font-family: Arial, Helvetica, sans-serif}p{font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;color: #374151}h2{font-family: "Playfair Display", serif;color: #111827}h3{font-family: "Playfair Display", serif;color: #111827}h4{font-family: "Playfair Display", serif;color: #111827}#header{position: fixed;top: 0;left: 0;width: 30%;height: 100vh;background-color: #008B8B;display: flex;flex-direction: column;justify-content: center;align-items: center}#header .c1{margin: 2em 0;text-align: center}.ca{width: 200px;height: 200px;border-radius: 50%;object-fit: cover}.section{margin-left: 30%;width: 70%;padding: 20px}.section .container{display: flex;gap: 20px;flex-wrap: wrap;}.intro-img .img{width: 200px;height: 200px;border-radius: 50%;object-fit: cover;margin: 2em 0}.intro-img .img:hover{transform: scaleX(-1)}.intro-text{flex: 1;padding: 0 5px;margin: 2em 0}h2{font-size: 32px;margin-bottom: 15px}.intro-text p{line-height: 1.6;margin-bottom: 10px}.work-exp{flex: 1;margin: 2em 0}.abt-ws{width: 400px;background: rgba(0 , 139, 139, 0.8);border-radius: 15px;padding: 50px;margin: 20px 0;line-height: 1.5}.timeline{max-width: 700px;margin: 40px auto;display: grid;grid-template-columns: 1fr 3px 1fr;gap: 20px;color: black}.line{background: #374151;position: relative;align-self: stretch}.dot{width: 14px;height: 14px;background: #374151;border-radius: 50%;position: absolute;top: 20px;left: 50%;transform: translateX(-50%)}.card{background: rgba(0, 139, 139, 0.8);padding: 15px;border-radius: 10px;opacity: 0;transform: translateY(20px);transition: 0.5s ease;align-self: center}.card.show{opacity: 1;transform: translateY(0);color: #374151}.date,.date-left{font-weight: bold;align-self: center;color: #374151}.date{text-align: right}.date-left{text-align: left}.ela{max-width: 1200px;margin: 40px auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;justify-items: center}.box{background: rgba(0, 139, 139, 0.8);padding: 15px;border-radius: 10px;width: 100%;max-width: 280px;text-align: center}.box4{align-content:end}footer{background-color: #008B8B;padding: 1.5rem 0}footer .wrapper{max-width: 1200px;margin: 0 auto;padding: 0 1rem}footer ul{display: flex;justify-content: center;align-items: center;gap: 1.25rem;list-style: none;margin: 0;padding: 0}footer li{display: inline-flex}footer a{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;color: #e5e7eb;font-size: 1.1rem;text-decoration: none;transition: background-color 0.25s ease, color 0.25s ease,transform 0.25s ease}footer a:hover{background-color: #1e293b;color: #38bdf8;transform: translateY(-2px)}footer a:focus-visible{outline: 2px solid #38bdf8;outline-offset: 3px}.typewriter{display: inline-block;white-space: nowrap;overflow: hidden;border-right: 2px solid #374151;padding-right: 5px;animation: blinkCursor 0.75s step-end infinite}@keyframes blinkCursor{50%{border-color: transparent}}@media (max-width: 480px){.section{margin-left: 0;width: 100%;padding: 15px}#header{position: relative;width: 100%;height: auto;display: block;text-align: center;padding: 20px 0 10px 0}.ela{grid-template-columns: 1fr;gap: 15px}.abt-ws{width: 100%;max-width: 90%;padding: 20px;margin: 0 auto}.intro-text h2{margin-top:-30px}.intro-img .img{width: 190px;height: 190px}.img-480{max-width: 100%;height: auto;display: block}.intro-img{width: 100%;text-align: center}.typewriter{display: inline-block;white-space: nowrap;overflow: hidden;border-right: 2px solid #374151;padding-right: 5px;animation: blinkCursor 0.75s step-end infinite;font-size:22px}.intro-img .img:hover{transform: scaleX(-1)}.work-exp h3{margin-top:-50px;}}@media (min-width: 481px) and (max-width: 820px){#header{position: relative;width: 100%;height: auto;flex-direction: row;justify-content: space-around;align-items: center;padding: 20px 10px;text-align: center}.ca{width: 160px;height: 160px}.section{margin-left: 0;width: 100%;padding: 0px}.section .container{justify-content: center}.intro-img{width: 20%;text-align: center}.intro-img .img{width: 132px;height: 132px;margin: 0.5em auto}.intro-text{text-align: left;padding: 0 20px;margin-top:0px}.abt-ws{width: 100%;max-width: 600px;padding: 30px;margin: 20px auto}.ela{grid-template-columns: repeat(2, 1fr);gap: 20px}.timeline{max-width: 90%;gap: 15px}.typewriter{font-size: 26px}.work-exp{flex: 1;margin: 2em 0;padding:0 20px}}