body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f4f8;color:#333;margin:0;padding:0;line-height:1.6;animation:fadeIn 2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header{background-color:#00796b;padding:40px 20px;text-align:center;color:#fff;box-shadow:0 4px 8px #0003;animation:slideDown 1.5s ease-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}header h1{font-size:2.5em;margin:0;text-transform:uppercase;letter-spacing:2px;animation:bounceIn 2s ease-out}@keyframes bounceIn{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}header p{font-size:1.2em;margin-top:10px;font-weight:300;animation:fadeIn 3s ease-in-out}header img{width:200px;height:200px}section{padding:40px 20px;margin:20px auto;max-width:900px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease;animation:popIn 1.5s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}section:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d;animation:wiggle .7s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}h2{color:#00796b;border-bottom:2px solid #00796b;padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;font-weight:400;animation:fadeInLeft 2s ease}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.project{background-color:#f9f9f9;padding:20px;margin:10px 0;border-radius:5px;transition:background-color .3s ease,transform .3s ease;animation:fadeInRight 2s ease}.project img{width:100px;height:100px}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.project:hover{background-color:#cfd8dc;transform:scale(1.03);animation:none;box-shadow:0 8px 16px #0003;position:relative;z-index:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.project h3{margin-top:0;color:#00796b;font-size:1.5em}.project p{margin-bottom:15px;color:#555}.project a{color:#00796b;text-decoration:none;font-weight:700;transition:color .3s ease;animation:slideIn 2.5s ease-in}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.project a:hover{color:#004d40;text-decoration:underline;animation:swing .7s ease}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.skills ul,.experience ul{list-style-type:none;padding:0;display:flex-COLUM;animation:fadeInUp 2s ease}.skills ul li,.experience ul li{background-color:#f9f9f9;padding:10px;margin:5px 0;border-radius:5px;transition:background-color .3s ease;animation:fadeInUp 2s ease}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skills ul li:hover,.experience ul li:hover{background-color:#e0e0e0;animation:jello .7s ease}@keyframes jello{0%,to{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.75)}70%{transform:scale(1.15)}90%{transform:scale(.95)}}.contact form{display:flex;flex-direction:column;animation:fadeInUp 2s ease}.contact input,.contact textarea{padding:15px;margin:10px 0;border:2px solid #00796b;border-radius:5px;background-color:#fff;color:#333;transition:border-color .3s ease;animation:flipInX 2s ease}@keyframes flipInX{0%{transform:perspective(400px) rotateX(-60deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}.contact input:focus,.contact textarea:focus{border-color:#004d40;outline:none;animation:pulse 1s ease}.contact button{background-color:#00796b;color:#fff;border:none;padding:15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;animation:bounceIn 2s ease}.contact button:hover{background-color:#004d40;transform:translateY(-2px);animation:shake .7s ease}footer{background-color:#00796b;color:#fff;text-align:center;padding:20px 0;margin-top:40px}.footer-content{max-width:900px;margin:0 auto;padding:0 20px}.footer-links{list-style-type:none;padding:0;margin:10px 0 0;display:flex;justify-content:center;flex-wrap:wrap}.footer-links li{margin:5px 15px}.footer-links a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease}.footer-links a:hover{color:#004d40}