*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}::-moz-selection{background:#00bfbf;color:#fafafa;text-shadow:none}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{width:0px;background:transparent}html{overflow:scroll;overflow-x:hidden;font-size:16px;scroll-behavior:smooth}body{transition:all .5s ease;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:500;color:#fff}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;max-width:350px;text-wrap:nowrap;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);color:#fff;text-align:center;border-radius:6px;padding:5px 15px;font-size:14px;line-height:14px}.tooltip .tooltiptext-left{position:absolute;z-index:100;left:60px;top:calc(50% - 15px)}.tooltip .tooltiptext-right{position:absolute;z-index:1000;right:60px;top:calc(50% - 10px)}.tooltip:hover .tooltiptext{visibility:visible}.section-title{text-align:center;padding-top:50px}.bold{font-weight:500}.card-title{font-family:Roboto Mono,"monospace"}.card{width:75%;margin:20px auto;padding:30px 15px;display:flex;flex-direction:row;align-items:center;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 4px 30px #0000001a;gap:2%}@media (max-width: 768px){.card{width:70%;flex-direction:column;margin:20px auto}}.contact-card{width:75%;margin:20px auto;padding:40px 30px;display:flex;flex-direction:column;align-items:center;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 4px 30px #0000001a}.contact-content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:20px}.contact-title{font-size:1.8rem;font-weight:500;margin:0;text-align:center}.contact-description{font-size:1rem;font-weight:300;text-align:center;color:#fffc;margin:0}.contact-form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:400;color:#ffffffe6}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:1rem;font-weight:300;font-family:Roboto,Arial,Helvetica,sans-serif;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;transition:border-color .3s ease,background .3s ease;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff14}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:14px 32px;font-size:1rem;font-weight:500;font-family:Roboto,Arial,Helvetica,sans-serif;color:#fff;background:#00bfbf33;border:1px solid rgba(0,191,191,.5);border-radius:8px;cursor:pointer;transition:all .3s ease;align-self:center;min-width:150px}.submit-button:hover:not(:disabled){background:#00bfbf4d;border-color:#00bfbfb3;transform:translateY(-2px);box-shadow:0 4px 12px #00bfbf4d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-status{padding:12px 16px;border-radius:8px;text-align:center;font-size:.95rem;font-weight:400}.submit-status.success{background:#00bfbf33;border:1px solid rgba(0,191,191,.5);color:#ffffffe6}.submit-status.error{background:#f003;border:1px solid rgba(255,0,0,.5);color:#ffffffe6}@media (max-width: 768px){.contact-card{width:calc(100% - 130px);margin:20px 65px;padding:30px 20px}.contact-title{font-size:1.5rem}.contact-description{font-size:.9rem}.form-group input,.form-group textarea{font-size:.9rem;padding:10px 14px}.submit-button{font-size:.95rem;padding:12px 24px}}.timeline-container{width:100%;display:flex;justify-content:center;padding:20px 0}.timeline-wrapper{position:relative;width:75%;margin:0 auto;padding:40px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#00bfbf,#00bfbf4d);transform:translate(-50%);z-index:1}.timeline-item{position:relative;margin-bottom:40px;display:flex;align-items:center;width:100%}.timeline-item-left{justify-content:flex-start;padding-right:10%}.timeline-item-right{justify-content:flex-end;padding-left:10%}.timeline-node{position:absolute;left:50%;width:16px;height:16px;border-radius:50%;background:#00bfbf;border:3px solid rgba(0,0,0,.1);transform:translate(-50%);z-index:2;box-shadow:0 0 10px #00bfbf80}.timeline-content{width:45%;padding:20px 25px;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 4px 30px #0000001a;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.education-card{border-left:3px solid #00bfbf}.work-card{border-right:3px solid #00bfbf}.timeline-date{font-size:.85rem;font-weight:300;font-style:italic;color:#ffffffb3;margin-bottom:8px}.timeline-title{font-size:1.2rem;font-weight:500;margin-bottom:6px;color:#fff}.timeline-organization{font-size:.95rem;font-weight:300;font-style:italic;margin-bottom:8px;color:#ffffffe6}.timeline-gpa{font-size:.9rem;font-weight:300;margin-bottom:10px;color:#fffc}.timeline-details{margin-top:12px}.timeline-detail-item{font-size:.95rem;font-weight:300;line-height:1.6;color:#ffffffd9;margin-bottom:8px}.timeline-detail-item:last-child{margin-bottom:0}@media (max-width: 1024px){.timeline-wrapper{width:75%;padding:30px 0}.timeline-item-left{padding-right:20%}.timeline-item-right{padding-left:20%}.timeline-content{width:48%}.timeline-title{font-size:1.15rem}}@media (max-width: 768px){.timeline-container{padding:10px 0}.timeline-wrapper{width:75%;padding:20px 0;margin:20px 65px}.timeline-line{left:20px;width:2px}.timeline-item{margin-bottom:40px;padding-left:50px!important;padding-right:0!important;justify-content:flex-start!important}.timeline-node{left:20px;width:14px;height:14px}.timeline-content{width:100%;padding:18px 20px;border-left:3px solid #00bfbf!important;border-right:none!important}.timeline-date{font-size:.8rem}.timeline-title{font-size:1.05rem;margin-bottom:5px}.timeline-organization{font-size:.85rem;margin-bottom:6px}.timeline-gpa{font-size:.85rem;margin-bottom:8px}.timeline-detail-item{font-size:.85rem;line-height:1.5}}@media (max-width: 480px){.timeline-wrapper{width:90%;padding:15px 0}.timeline-line{left:15px}.timeline-item{padding-left:40px!important;margin-bottom:35px}.timeline-node{left:15px;width:12px;height:12px}.timeline-content{padding:15px 18px}.timeline-date{font-size:.75rem}.timeline-title{font-size:1rem}.timeline-organization,.timeline-gpa{font-size:.8rem}.timeline-detail-item{font-size:.8rem;line-height:1.4}}.footer{width:100%;padding:2rem 0;margin-top:3rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.copyright{font-size:.9rem;font-weight:300;color:#fff9;margin:0}@media (max-width: 768px){.footer{padding:1.5rem 0;margin-top:2rem}.copyright{font-size:.85rem}}#background{width:100vw;height:100vh;position:fixed;z-index:-1}.displacement-sphere{position:fixed;width:100vw;inset:0;opacity:0;z-index:-1;transition-property:opacity;transition-duration:3s;transition-timing-function:"cubic-bezier(0.4, 0.0, 0.2, 1)"}.displacement-sphere--entering,.displacement-sphere--entered{opacity:1}nav{position:fixed;display:flex;flex-direction:row-reverse;transform:rotate(-90deg) translate3d(-50%,0,0);top:50px;left:-11.25rem;z-index:500}nav a{margin-right:20px;text-decoration:none;color:#8d8d8d}nav a:hover{margin-right:20px;text-decoration:none;color:#ec704c}@media (max-width: 1024px){nav{left:-13.5rem}}.main-content{max-width:100vw;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;padding-top:50px}.name{font-size:1.5rem;margin-block-end:1rem;text-align:center}.side-ctr{height:100vh;max-height:700px}.about-card{align-items:center;flex-wrap:wrap}.about-card .__img_wrapper{width:39%;max-width:50em;flex-shrink:0}.about-card .__content_wrapper{width:59%;display:flex;justify-content:center}.technologies-section{width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.technologies-section .bold{font-weight:500;display:block;margin-bottom:1rem;font-size:1rem}.aboutme{white-space:pre-line;font-weight:300;font-size:1rem;width:75%}.aboutme p{margin:1.5rem 0;line-height:1.6}.aboutme .bold{font-weight:500;display:block;margin-bottom:.5rem}.technologies-container{--gap: 1.5rem;--line-offset: calc(var(--gap) / 2);--line-thickness: 1px;--line-color: rgba(255, 255, 255, .1);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap);margin-top:1rem;overflow:hidden}.tech-category{position:relative;display:flex;flex-direction:column;gap:.75rem}.tech-category:before,.tech-category:after{content:"";position:absolute;background-color:var(--line-color);z-index:1}.tech-category:after{inline-size:100vw;block-size:var(--line-thickness);inset-inline-start:0;inset-block-start:calc(var(--line-offset) * -1)}.tech-category:before{inline-size:var(--line-thickness);block-size:100vh;inset-block-start:0;inset-inline-start:calc(var(--line-offset) * -1)}.tech-category-title{font-size:.95rem;font-weight:500;margin:0;color:inherit}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:1rem}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:.5rem}.tech-icon{font-size:1.4rem;color:inherit;transition:transform .2s ease}.tech-icon-placeholder{width:1.75rem;height:1.75rem}.tech-name{font-size:.8rem;font-weight:400;text-align:center;line-height:1.2}.skill-header{font-weight:700;margin:.5rem 0 0}.skills{margin:.5rem 0}@media (max-width: 1024px){.name{font-size:1.8rem}}@media (max-width: 768px){.name{font-size:1.1rem}.technologies-container{gap:1.25rem}.tech-category-title{font-size:.9rem}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.75rem}.tech-icon{font-size:1.25rem}.tech-icon-placeholder{width:1.5rem;height:1.5rem}.tech-name{font-size:.7rem}.aboutme{width:100%}.about-card{flex-direction:column!important}.about-card .__img_wrapper{width:100%;max-width:300px;margin-bottom:20px}.about-card .__content_wrapper{width:100%}.technologies-section{margin-top:1.5rem;padding-top:1rem}.technologies-container{--gap: 1.25rem;grid-template-columns:1fr}}.socials{position:fixed;top:50px;right:50px;display:flex;flex-direction:column;gap:20px}.social-ctr{width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:50%;transition:all .2s ease-in}.link{text-decoration:none;color:#fff;display:flex;width:100%;height:100%;justify-content:center;align-items:center;transition:all .2s ease-in}.icon{width:22px;height:22px}.social-ctr:hover{background:#ffffffbf}.social-ctr:hover .link{color:#000}@media (max-width: 1024px){.socials{right:20px}}@media (max-width: 640px){.socials{right:10px}.social-ctr{width:30px;height:30px}.icon{width:17px;height:17px}}.img-ctr{width:75%;margin:20px auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);padding:15px;box-shadow:0 4px 30px #0000001a}.img-card{flex-grow:2;width:calc(25% - 10px);min-width:90px;cursor:pointer;margin:5px;overflow:hidden;border-radius:10px;background-color:#000;box-sizing:border-box}.img-card>img{width:100%;vertical-align:middle}.img-thumbnail:hover{transform:scale(1.05);opacity:.75;transition:transform .5s}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500;display:flex;align-items:center;justify-content:center;transition:ease-in .3s}.overlay{position:absolute;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.modal{width:90%;height:90%;background-color:#fff;border-radius:5px;overflow:hidden}.icon-ctr{width:35px;height:35px;position:absolute;top:10px;right:10px;cursor:pointer;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);display:flex;justify-content:center;align-items:center}.close-icon{color:#fff}.icon-ctr:hover{background:#ffffffbf}.icon-ctr:hover .close-icon{color:#000}.loading{color:#fff;font-size:50px}.slider{width:auto;height:90%}.slider>div{left:1px!important}@media (max-width: 900px){.slider{width:90%;height:auto}}@media (max-width: 768px){.img-ctr{width:70%;margin:20px auto}.img-card{margin:3px}}.__img_wrapper{width:39%;max-width:50em}.__img_wrapper>img{width:100%}.__content_wrapper{width:59%;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:10px}.title{font-size:1.5rem;margin:0}.description,.tech{font-size:1rem;font-weight:300;width:75%}.links{font-size:1rem;font-weight:300;display:flex;gap:10px;justify-content:center}.links>a{color:unset}@media (max-width: 768px){.__img_wrapper,.__content_wrapper{height:50%!important;width:100%!important}.title{font-size:1.1rem!important}.description,.tech,.links{width:80%;font-size:.75rem!important}}