@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}strong{font-weight:bolder}footer{height:200px}.cursive{font-style:italic}.bold{font-weight:700}header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:16px;height:10vh;position:fixed;width:100%;z-index:10;background:linear-gradient(rgb(255 255 255 / .8),rgb(255 255 255 / .01));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}header h1{width:120px;font-size:16px}header h2{width:120px;font-size:16px}header h1{font-size:24px}h1 a{text-decoration:none;color:#000;font-family:"Zilla Slab",serif}h2 a{text-decoration:none;color:#000}nav{position:relative}nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}nav a{text-decoration:none;padding:5px 0;position:relative;color:#000;padding:20px 10px}.underline{position:absolute;bottom:-3px;height:2px;width:0;background:#000;transition:all 0.3s ease}.anim-text::after{content:'|';animation:blink 1s infinite;display:inline-block;margin-left:-2px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.post-header{display:flex;justify-content:space-around;align-items:center;height:90vh}.anim-container{width:530px}.anim-text{font-family:monospace;border-right:.15em solid #fff0;margin-left:90px;font-size:38px;font-weight:700}.post-header img{width:300px;height:300px;object-fit:cover;object-position:top;border-radius:50px;margin-right:100px}.socials{height:5vh}.socials ul{display:flex;list-style:none;justify-content:center;align-items:center;gap:20px}.background-header{font-weight:700;margin:50px 0 10px 0;margin-left:100px}.background-text{width:45%;margin:0 auto;text-align:justify}.background-timeline{display:flex;flex-direction:column;position:relative;width:100%;max-width:900px;margin:auto}.background-timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#e0e0e0;transform:translateX(-50%)}.row{display:flex;align-items:center;margin:10px 0}.left,.right{width:45%;display:flex;justify-content:flex-end}.right{justify-content:flex-start}.center{width:10%;display:flex;justify-content:center;align-items:center;position:relative}.circle{width:20px;height:20px;border:2px solid #b0c4de;border-radius:50%;background:#fff;z-index:1}.top-circle{background:#b0c4de;border:none}.card{background:#fff;padding:18px;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 6px rgb(0 0 0 / .04);width:250px;transition:box-shadow 0.2s ease}.card:hover{box-shadow:0 4px 14px rgb(0 0 0 / .08)}.card h3{margin:0;font-size:16px;color:#222}.card a{text-decoration:none;color:#4a90e2}.card a:hover{text-decoration:underline}.card p{margin:6px 0 0;font-size:14px;color:#555}.empty{width:45%}.portfolio .card{width:700px;margin:0 auto;cursor:pointer;position:relative;margin-top:10px}.card-header{display:flex;align-items:flex-end;gap:30px}.card-header h3{font-weight:700;font-size:20px}.tldr{width:70%;margin:0 auto}.tldr h4{margin-top:10px;font-weight:700}.tldr p{margin:0 auto;margin-top:5px;font-size:14px;margin-left:5px}.card .click{text-decoration:underline;color:#4a90e2;max-width:300px;margin:0 auto;padding-top:10px;text-align:center}.portfolio .overlay{position:absolute;inset:0;border-radius:12px}.portfolio .number{position:absolute;bottom:20px;right:30px;font-size:24px;font-weight:700;color:rgb(0 0 0 / .1);user-select:none;pointer-events:none}.portfolio-text{color:gray;width:600px;margin:0 auto;text-align:justify;margin-bottom:30px}.pre-footer{display:flex;align-items:center;justify-content:center;height:450px}.h1-with-pipe{border-right:3px solid #e0e0e0;width:300px;height:250px;display:flex;align-items:center;justify-content:center;font-weight:500}.contacts{margin-left:40px}.contacts li{list-style:none;padding-top:10px;display:flex;align-items:center}.contacts li:hover{text-decoration:underline}.contacts a{margin-left:10px;text-decoration:none;color:#000;font-size:24px}.after-footer{background-color:#222;color:#444;height:100px;display:flex;justify-content:center;align-items:center}.copy-btn{position:relative;background:none;border:none;cursor:pointer;padding:0}.copy-btn svg{transition:transform 0.2s ease,fill 0.2s ease}.copy-btn:active svg{transform:scale(.9)}.copy-btn.copied svg{fill:green;transform:scale(1.2)}@keyframes popUp{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}50%{opacity:1;transform:translateX(-50%) translateY(-3px) scale(1.1)}70%{transform:translateX(-50%) translateY(0) scale(.9)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes fadeOut{from{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.9)}}.tooltip{position:absolute;bottom:110%;left:50%;background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}.copy-btn.copied .tooltip{animation:popUp 0.4s ease forwards,fadeOut 0.4s ease forwards 0.9s}.contacts .email-text{margin-left:10px;text-decoration:none;color:#000;font-size:24px}.contacts .copy-btn{list-style:none;padding-top:10px;display:flex;align-items:center}.portfolio-container{display:flex;justify-content:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;position:relative}.timeline-wrapper{flex-shrink:0;width:4px;position:relative}.timeline{position:sticky;top:250px;width:4px;background:#ddd;border-radius:2px;height:200px;opacity:0;transition:opacity 0.3s ease}.timeline.visible{opacity:1;pointer-events:auto}.timeline-fill{position:absolute;top:0;left:0;width:4px;height:0%;background:#000;border-radius:2px;transition:height 0.3s ease}.timeline-date{position:absolute;left:-110px;top:0;font-size:20px;font-weight:700;color:#000;transition:opacity 0.3s,transform 0.3s}@media (max-width:1300px){.background-text{width:60%}}@media (max-width:1050px){.portfolio .card{width:600px}.portfolio-container{gap:40px}}@media (max-width:880px){.portfolio .card{width:500px}.timeline-date{display:none}.contacts .email-text{font-size:21px}.contacts a{font-size:21px}}@media (max-width:800px){.background-text{width:80%}header{height:100px;width:100%;top:0;flex-direction:column;align-items:center;justify-content:center;gap:10px}header h1{width:300px;text-align:center}header h2{display:none}.anim-text{width:300px;font-size:26px}.post-header img{width:200px;height:200px}.background-header{margin-left:30px}.card-header h3{font-size:16px}.h1-with-pipe h1{font-size:24px}.contacts .email-text{font-size:16px}.contacts a{font-size:16px}.contacts svg{width:35px;height:35px}}@media (max-width:700px){.post-header{flex-direction:column;justify-content:center;gap:50px}.post-header img{margin:0;padding:0;order:1}.anim-container{margin:0 auto;order:2;text-align:center}.portfolio-text{width:85%;margin:0 auto;margin-bottom:20px}}@media (max-width:680px){.timeline-wrapper{display:none}.pre-footer{flex-direction:column}.h1-with-pipe{height:auto;border:none;padding-bottom:5px;border-bottom:1px solid #e0e0e0}.contacts{margin:0}}@media (max-width:590px){.background-timeline{width:300px;margin:0 auto;margin-top:40px}.row{display:flex;align-items:flex-start;margin:20px 0}.center{width:40px;display:flex;justify-content:center;align-items:center;position:relative;order:1}.left,.right,.empty{flex:1;display:flex;justify-content:flex-start;order:2}.empty{display:none}.background-timeline::before{content:"";position:absolute;top:0;bottom:0;left:20px;width:2px;background:#e0e0e0}.circle{margin-top:40px}}@media (max-width:540px){.portfolio .card{width:90%}.card-header{display:flex;justify-content:space-between}.card-header svg{order:2}.card-header h3{order:1;margin-left:10px}.tldr{width:90%}.anim-container{width:300px;text-align:center}.anim-text{margin:0}}@media (max-width:400px){.socials svg{width:35px;height:35px}.background-header{font-size:20px}}