:root{--font-size:16px;--line-height:1.6;--line-height-in-px:calc(var(--font-size) * var(--line-height));--projects-collection-gap:15px;--project-column:calc(20% - var(--projects-collection-gap) * .8)}*{scroll-behavior:smooth}body{margin:0;font-size:var(--font-size);line-height:var(--line-height);text-align:center;padding:15px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f7f7f7;color:#555555}header{margin-bottom:25px;padding:10px;display:flex;flex-direction:column;align-items:center;background:#ffffff;box-shadow:0 2px 10px #0000001a;border-radius:5px}h1{margin:0;font-size:2.8em;color:#007bff;background:linear-gradient(to right,#1ab1ff,#1177ff);background-clip:text;-webkit-text-fill-color:transparent;animation:brighten 1s}p,p *{font-size:var(--font-size)}.wrapper{margin-left:8px;display:inline}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.contact-info a{color:#007bff;background:linear-gradient(to right,#1ab1ff,#1177ff);background-clip:text;-webkit-text-fill-color:transparent;animation:brighten 1s;text-decoration:none}.contact-info a:hover{border-bottom:1px solid transparent;border-image:linear-gradient(to right,#1ab1ff,#1177ff) 1;border-image-slice:1}.copy-button{--bg:linear-gradient(to right,#1ab1ff,#1177ff);--text:#ffffff;--shadow:0 6px 18px #0f175a29;display:inline-block;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 14px;font-size:14px;color:var(--text);background:var(--bg);border:none;border-radius:12px;box-shadow:var(--shadow);cursor:pointer;transition:transform 220ms cubic-bezier(.2,.9,.2,1),box-shadow 220ms,filter 220ms;position:relative;outline:none;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;text-align:center}.copy-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0f172a37;filter:saturate(1.05)}.copy-button:active{transform:translateY(-1px) scale(.995)}.copy-button.copied{background:var(--text);color:var(--bg)}nav{margin-bottom:20px;border-radius:10px;background:linear-gradient(#1ab1ff,#1177ff)}nav ul{padding:0 10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}nav ul li{position:relative;margin:0 5px}nav ul li a{padding:8px 12px;font-weight:bold;text-decoration:none;color:#ffffff}nav ul li a:hover{border-radius:5px;text-decoration:none;background-color:#ffffff;color:#007bff;box-shadow:0 2px 10px #0000001a}h2{margin-top:0;border-bottom:2px solid #eaeaea;padding-bottom:5px;color:#007bff}h3{margin-top:15px;color:#555555}p,ul{margin:10px 0;padding-inline-start:0;list-style-type:none}.contact-info{margin-bottom:20px}.cover-letter,.recommendation{margin-bottom:25px;border-radius:5px;padding:20px;background:#ffffff;box-shadow:0 2px 10px #0000001a}.cover-letter h2{margin-top:0;border-bottom:2px solid #eaeaea;padding-bottom:5px}.cover-letter p{margin:10px 0;text-align:left;color:#555555}.skills,.projects,.experience,.education,.certifications,.languages,.professional-summary{margin-bottom:25px;padding:calc(48px - (var(--line-height-in-px) - var(--font-size)) / 2) 20px 48px;border-radius:5px;background:#ffffff;box-shadow:0 2px 10px #0000001a}to-top>a{position:fixed;bottom:2.5vw;right:2.5vw;z-index:1;opacity:0;font-size:16px;text-decoration:none;pointer-events:none;transition:.25s;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}to-top>a.active{pointer-events:auto;opacity:1}.arrow,.arrow-up{width:3.7vw;height:auto;position:absolute}.arrow{display:none;bottom:3.5rem}.skills ul,.experience ul,.certifications ul,.languages ul{list-style-type:none}.skills li,.experience li,.certifications li,.languages li{margin:5px 0}.skills-collection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:870px;margin:0 auto;padding:20px;border-radius:15px;font-weight:bold;background:linear-gradient(#1ab1ff,#1177ff);box-shadow:0 10px 25px #0000001a}.skills-collection li{list-style:none;background:#ffffff;border-radius:10px;padding:8px 15px;margin:5px;font-size:14px;transition:all .3s ease;box-shadow:0 1px 2px #fffffffa;border:1px solid transparent}.skills-collection li:hover{box-shadow:0 3px 7px #fffffff6}.experience li:before{content:"•";color:#007bff}.projects-collection{display:grid;grid-template-columns:var(--project-column) var(--project-column) var(--project-column) var(--project-column) var(--project-column);gap:var(--projects-collection-gap)}.project-card{min-height:fit-content;background:#ffffff;border-radius:5px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.project-card p{height:50%;padding:25px 25px 12.5px;margin:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.project-card ul{height:50%;padding:12.5px 25px 25px;position:relative;display:flex;flex-direction:column;justify-content:center;margin:0;box-sizing:border-box}.timeline{position:relative;margin:0 auto;max-width:800px;padding:25px 0 0}.timeline-item{position:relative;padding:25px;margin:10px 0;background:#ffffff;border-radius:5px;box-shadow:0 2px 10px #0000001a}.timeline-item:last-of-type{margin:10px 0 0}.timeline-item h3{margin:0;color:#007bff}.timeline-item p{margin:5px 0;text-align:left;color:#555555}.timeline-item>p{text-align:center}.timeline-details{margin-top:8px;padding:8px;border-left:3px solid transparent;border-image:linear-gradient(#1ab1ff,#1177ff) 1;border-image-slice:1}.timeline-details ul{text-align:left;padding-left:20px}.timeline-item li:before{content:"•";position:relative;font-size:1.2em;color:#007bff}.education p{margin:10px 10px 0}.certifications ul{margin:10px 0 0}.certifications li:last-of-type,.languages li:last-of-type{margin:5px 5px 0}.professional-summary p{margin:1em auto 0;width:80vw}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff}::-webkit-scrollbar-thumb{background:linear-gradient(#1ab1ff,#1177ff);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#007fff}