html{scroll-behavior:smooth}body{background-color:#1f2937;color:#f3f4f6}.timeline-content{width:100%;max-width:65%;padding:1rem;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;transition:transform .3s,background-color .3s,box-shadow .3s}.timeline-content.left{transform:translate(-12rem)}.timeline-content.right{transform:translate(12rem)}.timeline-content.left:hover{transform:translate(-15rem) scale(1.05);box-shadow:0 8px 16px #bebebe33}.timeline-content.right:hover{transform:translate(15rem) scale(1.05);box-shadow:0 8px 16px #bebebe33}@media screen and (max-width: 768px){.timeline-content,.timeline-content.left,.timeline-content.right{max-width:100%;margin-bottom:1rem;transform:translate(0)!important}}.project-card{cursor:pointer;transition:.5s}.project-card:hover{transform:translateY(-.5rem) scale(1.05);box-shadow:0 8px 16px #bebebe33}