html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:Montserrat,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--header-height: 50px}h1{font-size:2rem;text-align:center}h1 strong{font-weight:700}h2:not(header h2){font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1rem}button{background-color:#f4f4f4;color:#000;border:none;padding:.2rem .8rem;cursor:pointer;border-radius:5px}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}header{background-color:#000;color:#fff;padding:10px 0;text-align:center;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;position:sticky;top:0;z-index:1000;box-shadow:0 .3rem .5rem #0000004d}@media screen and (max-width: 768px){header{padding:.5rem}}header button{background-color:#f4f4f4;color:#000;border:none;padding:.2rem .8rem;cursor:pointer;font-size:2rem;border-radius:5px;transition:background-color .3s}header button:hover{background-color:#e7e7e7}@media screen and (max-width: 768px){header button{font-size:1rem}}@media screen and (min-width: 1024px){header button.menu-button,header button.profile-button{display:none}header nav.mobile-nav{display:none}}nav.mobile-nav{background-color:#000;display:flex;gap:1rem;position:absolute;left:0;width:100%;padding:1rem;box-shadow:0 .3rem .5rem #0000004d}nav.mobile-nav ul{display:block;width:100%}nav.mobile-nav li{width:100%;box-shadow:0 .3rem .5rem #0009;display:block;margin-bottom:.5rem}nav.mobile-nav a{display:block;background-color:#ededed;width:100%;color:#000;text-decoration:none;font-size:1.2rem;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}nav.mobile-nav a:hover{background-color:#d6eaeb}aside{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a;position:absolute;left:1rem;right:1rem;top:6rem;display:flex;flex-direction:column;gap:2rem;align-items:center;z-index:500}@media screen and (min-width: 1024px){aside{position:sticky;opacity:1;left:0;grid-area:aside;top:0;max-height:calc(100dvh - var(--header-height))}}aside .profile{display:flex;flex-direction:column;gap:1rem;align-items:center}aside .profile img{width:200px;border-radius:1rem;box-shadow:0 0 1rem #0000004d}aside .profile h2{font-size:2rem;font-weight:700}aside nav ul{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}aside nav ul a{color:#000;width:2.5rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s ease-in-out;box-shadow:inset 0 0 .2rem #0003;border-radius:.7rem}aside nav ul a:hover{box-shadow:inset 0 0 .5rem #2980b9,0 0 .4rem #0006}aside a.link{text-decoration:none;color:#3498db;transition:color .3s ease-in-out;display:flex;gap:1rem;align-items:center;position:relative;margin-bottom:.5rem}aside a.link:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#3498db;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-in-out}aside a.link:hover{color:#2980b9}aside a.link:hover:before{transform:scaleX(1)}@media screen and (min-width: 1024px){.main__container{display:grid;grid-template-areas:"aside main";grid-template-columns:1fr 3fr;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;scroll-behavior:smooth}}main{padding:20px;max-width:1200px;margin:auto;position:relative;padding:5rem;grid-area:main;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 768px){main{padding:.5rem}}main section{display:flex;flex-direction:column;padding:2rem;gap:1rem}main section .cta{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}main section .cta a{padding:1rem 2rem;color:#000;border-radius:1rem;text-decoration:none;border:rgba(0,0,0,.3) .1rem solid}main section .cta a:first-of-type{font-weight:700;color:#fff;background-color:#3498db;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;box-shadow:0 0 .1rem #3498db}main section .cta a:first-of-type:hover{background-color:#44a8eb;box-shadow:0 0 .5rem #2980b9}main section:nth-of-type(2n){position:relative;background-color:#fff;border-radius:2rem}@media screen and (max-width: 768px){main section:nth-of-type(2n){border-radius:1rem}}@media screen and (max-width: 768px){main section{padding:.5rem}}.project-example-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.project-example-container .iframe-wrapper{width:100%;height:600px;overflow:hidden;border-radius:8px;box-shadow:0 2px 5px #0000001a}.project-example-container iframe{width:166.6666666667%;height:166.6666666667%;transform:scale(.6);transform-origin:0 0;border:none;display:block}.timeline-list{display:flex;flex-direction:column;gap:2rem;position:relative;padding-left:2rem;align-items:center}@media screen and (max-width: 768px){.timeline-list{padding:.5rem}}.timeline-list .timeline-item{position:relative;padding-left:2rem;max-width:400px;background-color:#fff;padding:1rem;border-radius:1rem;box-shadow:0 0 .5rem #0003}.timeline-list .timeline-item.type-study{border-left:4px solid #3498db;padding-left:1rem;box-shadow:0 0 .5rem #3498db}.timeline-list .timeline-item.type-experience{border-left:4px solid #e67e22;box-shadow:0 0 .5rem #e67e22;padding-left:1rem}@media screen and (max-width: 768px){.timeline-list .timeline-item{padding:.7rem;border-radius:.7rem}.timeline-list .timeline-item .timeline-type{border-radius:.4rem .7rem .4rem .4rem}}@media screen and (min-width: 1024px){.timeline-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.timeline-list .timeline-item{width:45%}}.timeline-list h4{margin-bottom:.5rem;font-weight:700}.timeline-list .timeline-type{font-style:italic;color:#666;margin:auto;position:absolute;right:.15rem;top:.15rem;background-color:#e67e22;padding:.2rem .5rem;border-radius:.5rem 1.05rem .5rem .5rem;color:#fff;opacity:.5}.skillList{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}@media screen and (max-width: 768px){.skillList{gap:1rem}}.skillBlock{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:.6rem;background-color:#fdfdfd;padding:1rem;border-radius:1rem;box-shadow:0 0 .2rem #0003}@media screen and (max-width: 768px){.skillBlock{padding:.7rem;font-size:.7rem;border-radius:.5rem}}#projects a{text-decoration:none;color:#3498db;transition:color .3s ease-in-out;display:flex;gap:1rem;align-items:center;position:relative;margin-bottom:.5rem;width:-moz-fit-content;width:fit-content;word-break:break-all;word-wrap:break-word}#projects a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#3498db;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-in-out}#projects a:hover{color:#2980b9}#projects a:hover:before{transform:scaleX(1)}.inline-link-spacing{text-decoration:none;margin:1rem .3rem 0;font-size:.8rem;color:#0077b5;transition:color .3s ease-in-out}.inline-link-spacing:hover{color:#005582}