.home-page{background-color:var(--bg);color:var(--color);flex-wrap:wrap;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.home-page main{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:768px;margin:0;display:flex}.home-page a{color:var(--secondary);align-items:center;font-weight:600;display:inline-flex}.home-page a.btn{background-color:var(--primary);color:var(--bg);cursor:pointer;border-radius:.25rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:scale .2s ease-in-out}.home-page a.btn:hover{scale:1.05}.color-title{color:var(--color);animation-name:changeTitleColor;animation-fill-mode:both;animation-timeline:view();animation-range:30% 100%}@keyframes changeTitleColor{0%{color:var(--color)}20%{color:var(--primary)}to{color:var(--primary)}}.nav{flex-wrap:wrap;gap:.5rem;margin-block:1rem .5rem;display:flex}.footer{flex-direction:column;align-items:center;width:100%;padding:2rem;font-weight:500;display:flex}.profile-container{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem;display:flex}.profile{border:2px solid var(--primary);aspect-ratio:1;object-fit:cover;border-radius:50%;width:clamp(200px,40%,360px);height:auto}.profile-caption{flex-direction:column;justify-content:center;gap:.25rem;display:flex}.profile-name{color:var(--primary);font-size:3em}.profile-position{font-size:2em}.profile-bio{color:var(--secondary);text-wrap:balance;max-width:21rem;font-weight:300}.profile-bio strong{color:var(--primary);font-weight:600}.section{flex-direction:column;gap:1rem;width:100%;padding:1rem;display:flex}.section-title{width:100%;color:var(--color);font-size:2em}.tech-list{grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));justify-content:center;place-items:center;gap:1rem .5rem;list-style:none;display:grid}.skill{text-align:center;color:var(--color);flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:flex}.experience-list{list-style:none;position:relative}.experience-list:before{content:"";background-color:var(--primary);width:1px;height:0%;animation-name:line;animation-fill-mode:both;animation-timeline:view();animation-range:25% 100%;position:absolute;top:0;left:0}@keyframes line{0%{height:0%}to{height:100%}}.experience-body{color:var(--secondary);text-wrap:balance;flex-direction:column;row-gap:.5rem;margin-bottom:1rem;padding-inline-start:1rem;font-size:1rem;font-weight:300;line-height:1.5rem;display:flex}.experience-body span{color:var(--primary);font-weight:600}.experience-body ul{padding-inline-start:1.5rem}.experience-title{color:var(--color);align-items:center;margin-bottom:.25rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;display:flex}.experience-title span{color:var(--bg);background-color:var(--secondary);opacity:.75;border-radius:.5rem;margin-inline-start:.5rem;padding:0 .5rem;font-size:.75rem;font-weight:500}.experience-point{background-color:var(--secondary);border-width:1px;border-radius:50%;width:.75rem;height:.75rem;margin-top:.375rem;animation-name:color;animation-fill-mode:both;animation-timeline:view();animation-range:25% 50%;position:absolute;inset-inline-start:-.375rem}@keyframes color{0%{background-color:var(--secondary)}to{background-color:var(--primary)}}.experience-item{margin-inline-start:1.5rem;margin-bottom:2.5rem}.experience-item:last-child{margin-bottom:0}.experience-item time{color:var(--secondary);opacity:.75;margin-bottom:.5rem;font-size:.875rem;line-height:1;display:block}.testimonial-container{flex-direction:column;gap:1rem;display:flex}.testimonial{text-align:start;background-color:#00000050;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:1rem;display:flex;position:relative}.testimonial:before{content:"";width:4px;height:calc(100% + 1rem);animation-range:4rem 16.15rem;position:absolute;inset-block-start:0;inset-inline-start:0}.testimonial:after{content:"";z-index:1;width:100%;height:4px;animation-range:4rem 4.25rem;position:absolute;inset-block-start:calc(100% + 1rem);inset-inline-start:0}.testimonial:before,.testimonial:after{transform-origin:top;background-color:var(--primary);animation-name:scaleY;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();transform:scaleY(0)}@keyframes scaleY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.testimonial:nth-child(2n):before{width:4px;height:calc(100% + 1rem);inset-block-start:0;inset-inline-start:calc(100% - 4px)}.testimonial-body{color:var(--secondary);text-wrap:balance;height:8.5rem;font-size:1rem;font-weight:300;overflow-y:auto}.testimonial-footer{flex-direction:column;display:flex}.testimonial-cite{color:var(--primary);font-size:.9em;font-weight:400}.testimonial-cite span{opacity:.75}