figure[data-v-1e7fc8fc]{margin:0}figure img[data-v-1e7fc8fc]{height:300px}.about__text[data-v-1e7fc8fc]{display:grid}.about__text article[data-v-1e7fc8fc]{width:50%;justify-self:center}.about p[data-v-1e7fc8fc]{font-size:16px}@media screen and (max-width: 768px){figure[data-v-1e7fc8fc]{margin:0}figure img[data-v-1e7fc8fc]{width:300px}.about__text article[data-v-1e7fc8fc]{width:100%}}.progress-circle[data-v-d9b21c53]{height:150px;width:150px;position:relative;display:inline-flex;vertical-align:middle}.progress-circle__info[data-v-d9b21c53]{position:absolute;text-transform:capitalize;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.progress-circle__underlay[data-v-d9b21c53]{stroke:#0000001a;z-index:1}.progress-circle__overlay[data-v-d9b21c53]{stroke:currentColor;z-index:2;transition:all .6s ease-in-out}.progress-circle svg[data-v-d9b21c53]{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.expert[data-v-d9b21c53]{color:#4586dc;caret-color:#4586dc}.intermediate[data-v-d9b21c53]{color:#ffc107;caret-color:#ffc107}.professional[data-v-d9b21c53]{color:#4caf50;caret-color:#4caf50}.studying[data-v-d9b21c53]{color:var(--accent);caret-color:var(--accent)}@media (prefers-color-scheme: light){.expert[data-v-d9b21c53]{color:#2b5994;caret-color:#2b5994}}figure[data-v-d1c85615]{display:block;position:relative;text-align:center}figure img[data-v-d1c85615]{height:300px}@media screen and (max-width: 768px){figure[data-v-d1c85615]{margin:0}figure img[data-v-d1c85615]{width:300px}}.badge[data-v-3c7eac6c]{padding-right:.5rem}.badge[data-v-3c7eac6c]:last-child{padding-right:0}.cards[data-v-3c7eac6c]{margin-top:1rem}.summary[data-v-3c7eac6c]{max-width:300px}figure img[data-v-9ade3967]{height:auto;max-width:100%}.landing[data-v-9ade3967]{display:grid}.landing__title[data-v-9ade3967]{align-self:center}.landing__cta[data-v-9ade3967]{margin-top:2rem;margin-bottom:2rem}.typed-text[data-v-9ade3967]{font-size:18px}.blinking-cursor[data-v-9ade3967]{font-size:18px;-webkit-animation:1s blink-9ade3967 step-end infinite;-moz-animation:1s blink-9ade3967 step-end infinite;-ms-animation:1s blink-9ade3967 step-end infinite;-o-animation:1s blink-9ade3967 step-end infinite;animation:1s blink-9ade3967 step-end infinite}@keyframes blink-9ade3967{0%,to{color:var(--lightgrey)}50%{color:var(--jet)}}@media screen and (max-width: 768px){figure[data-v-9ade3967]{margin:0}.landing[data-v-9ade3967]{grid-template-rows:1fr min-content;grid-template-columns:none;gap:0}.landing__title[data-v-9ade3967]{align-self:flex-start}.landing__image img[data-v-9ade3967]{height:300px;width:300px}}svg[data-v-bf944040]{width:1.5rem;height:1.5rem}span[data-v-bf944040]{font-size:1.5rem;line-height:1}.blinking-cursor[data-v-8c22f410]{color:var(--lightgrey)}main[data-v-8c22f410]{display:grid}.menu-icon[data-v-8c22f410]{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--jet);display:none}.logo[data-v-8c22f410]{display:inline-block;color:var(--accent);font-size:30px}@media screen and (max-width: 768px){.menu-icon[data-v-8c22f410]{display:flex;padding:1rem;justify-content:end}}@media (prefers-color-scheme: light){.blinking-cursor[data-v-8c22f410]{color:var(--dark)}.menu-icon[data-v-8c22f410]{color:var(--white)}}:root{--white: hsl(0, 0%, 100%);--jet: hsl(120, 1%, 17%);--dark: hsl(208, 37%, 20%);--secondary: hsl(245, 17%, 29%);--accent: hsl(0, 100%, 69%);--dark-accent: hsl(8, 49%, 51%);--shadow: hsla(0, 0%, 0%, .13);--lightgrey: hsl(60, 3%, 93%);--timeline: hsl(0, 0%, 86%);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:var(--jet);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100vh;margin:0}html{overflow-y:scroll}.amatic-sc-regular{font-family:Amatic SC,Inter,system-ui,sans-serif;font-weight:400;font-style:normal}.amatic-sc-bold{font-family:Amatic SC,Inter,system-ui,sans-serif;font-weight:700;font-style:normal}ul{list-style-type:none}a{transition:all ease .2s;text-decoration:none}h1{color:var(--accent);margin:0}h2{color:var(--lightgrey);margin:0}h1.amatic-sc-bold{font-size:60px}h2.amatic-sc-bold{font-size:50px;color:var(--accent)}p{font-size:14px}a{color:var(--accent)}a:hover{color:var(--lightgrey)}.logo a:hover{color:var(--dark)}.socials{display:flex;gap:1rem;justify-content:center}.txt-center{text-align:center}footer{position:fixed;display:flex;align-items:center;gap:1rem;bottom:0}.skills{margin-bottom:1rem}@media (prefers-color-scheme: light){:root{color:var(--dark);background-color:var(--lightgrey)}a:hover{color:var(--dark)}.logo a:hover{color:var(--lightgrey)}h2{color:var(--dark)}}@media screen and (max-width: 768px){h1.amatic-sc-bold{font-size:40px}h2.amatic-sc-bold{font-size:30px}.skills{margin-bottom:0}footer{flex-direction:column;position:relative}}.card-container{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;max-width:fit-content;margin:0 auto}.card{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;text-decoration:none;background-color:#393535;border-color:#393535;color:var(--lightgrey);border-radius:2px}.card__actions{display:grid;grid-auto-flow:column;padding:.5rem;justify-content:end;gap:.2rem}.card__main{align-items:center;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.card__main .card__img{text-align:center;background-color:var(--white);border-radius:.75rem;padding:.75rem}.portfolio .card__main{grid-template-columns:1fr}.card__main img{max-width:6.25rem}.card__main svg{width:6.25rem;height:6.25rem}.card__actions svg{width:1.5rem;height:1.5rem}.card__actions span{font-size:1.5rem;line-height:1}.card__text{padding:1rem;width:100%}.portfolio .card__text{text-align:left}@media only screen and (max-width: 768px){.card-container{grid-template-columns:1fr}}@media (prefers-color-scheme: light){.card{background-color:var(--white);border-color:var(--white);color:var(--jet)}}.grid{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:min-content 1fr min-content;height:100%}header{grid-area:header;align-self:flex-start}main{grid-area:main;padding:2rem}footer{grid-area:footer;justify-self:center;align-self:flex-end}header{background-color:var(--lightgrey);opacity:.8}.nav-items a{color:var(--jet)}.nav-items a:hover{transition:all ease .2s;color:var(--accent)}.nav-menu{background-color:var(--white)}.nav-content{display:flex;justify-content:space-between;padding:10px 30px;align-items:center}.nav-items{display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;font-size:18px}.nav-items li{padding:0 10px}@media (prefers-color-scheme: light){header{background-color:var(--jet)}.nav-items a{color:var(--lightgrey)}}@media screen and (max-width: 768px){.nav-menu{padding-top:10px;position:absolute;width:100%}.open-menu{opacity:1;height:150px}.closed-menu{opacity:0;height:0;padding:0}.nav-content{flex-direction:column;z-index:100;position:relative;transition:all .2s ease-out}.nav-items{flex-direction:column}}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;width:50%;align-self:flex-end;flex-direction:row;position:relative;margin-left:2rem;padding-bottom:2rem}.timeline-item:before{content:"";display:block;background-color:var(--timeline);width:1px;height:100%;position:absolute;left:-.5px;top:0}.timeline-item:nth-of-type(odd):before{content:"";display:block;background-color:var(--timeline);width:1px;height:100%;position:absolute;top:0}.timeline-item:nth-of-type(2n){align-self:flex-start;flex-direction:row-reverse;margin-left:0;margin-right:2em}.timeline-item:nth-of-type(2n):before{right:-.5px;left:auto}.timeline-item:nth-of-type(2n) .timeline-content{padding:.5rem 1rem 0 0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;flex-basis:100%}.timeline-marker{position:absolute;background:var(--timeline);border:1px solid var(--timeline);border-radius:100%;content:"";display:block;transform:translate(-50%);height:16px;top:1.2rem;width:16px}.timeline-item:nth-of-type(2n) .timeline-marker{transform:translate(50%)}.timeline-marker .timeline-icon{position:absolute;left:.09rem;top:.09rem;font-size:.7rem;line-height:1;color:var(--jet)}.timeline-content{padding:.5rem 0 0 1rem}.timeline-content .heading{display:block;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}@media (prefers-color-scheme: light){.timeline-marker .timeline-icon{color:var(--timeline)}.timeline-marker{background:var(--jet);border-color:var(--jet)}.timeline-item:nth-of-type(odd):before{background-color:var(--jet)}.timeline-item:before{background-color:var(--jet)}}.btn{padding:.2rem 1rem;border-radius:6px;font-size:16px;outline:none;font-weight:400;text-align:center;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none}.btn--sm{font-size:14px;padding:.5rem}.btn--md{padding:.7rem}.btn--lg{padding:1rem}.btn__primary{color:var(--white);background-color:var(--accent);box-shadow:var(--shadow)}.btn__primary:not(:disabled):hover{color:var(--white);background-color:var(--dark-accent)}.btn__default{background-color:var(--white);border-color:var(--lightgrey);box-shadow:var(--shadow)}.btn__default:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.btn:disabled{cursor:not-allowed;color:#00000040}.btn__container{display:flex;justify-content:center;column-gap:1rem;padding-bottom:1rem}@media (prefers-color-scheme: light){.btn__primary{color:var(--white);background-color:var(--secondary);box-shadow:var(--shadow)}.btn__primary:not(:disabled):hover{background-color:var(--dark-accent)}.btn__default{background-color:var(--white);border-color:var(--lightgrey);box-shadow:var(--shadow)}.btn__default:not(:disabled):hover{color:var(--accent);border-color:var(--secondary)}}.logo .brand svg{height:3rem;width:3rem;fill:var(--accent)}.logo .brand__wrapper{display:flex;align-items:center}.logo .brand__wrapper span{display:flex}.landing .brand{fill:var(--lightgrey);width:100%;display:grid;place-items:center}.landing .brand svg{height:15rem;width:15rem}@media (prefers-color-scheme: light){.landing .brand svg{fill:var(--jet)}}