.contactCard{border:1px solid var(--color-background-extra-light);-webkit-backdrop-filter:brightness(.85);backdrop-filter:brightness(.85);border-radius:4px;justify-content:center;align-items:center;gap:.4rem;width:310px;height:150px;padding:1rem;display:flex}.contactCard .contact-icon{filter:grayscale();opacity:.4;width:50px}.contactCard hr{border-color:var(--color-heading);border-inline-end-style:none;height:5rem}.contactCard .contactCard-info{flex-direction:column;width:60%;padding-left:.4rem;display:flex}.contactCard .contactCard-info .contact-heading{text-transform:uppercase;color:var(--color-heading);letter-spacing:2px;font-family:Noto Serif Display,serif;font-size:1.2rem}.contactCard .contactCard-info .contact-text{color:var(--color-white);font-size:1rem}
@font-face{font-family:minion;src:url(../media/MinionPro_Regular-s.da2606c3.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:minion Fallback;src:local(Arial);ascent-override:80.31%;descent-override:30.16%;line-gap-override:22.09%;size-adjust:90.52%}.minion_2f3ca182-module__lg3ceG__className{font-family:minion,minion Fallback;font-weight:400}
@font-face{font-family:grotesk;src:url(../media/NiveauGroteskRegular-s.76c19086.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:grotesk Fallback;src:local(Arial);ascent-override:95.66%;descent-override:24.3%;line-gap-override:0.0%;size-adjust:97.11%}.grotesk_e616d000-module__QS9Eka__className{font-family:grotesk,grotesk Fallback;font-weight:300}
@font-face{font-family:canela;src:url(../media/Canela_Regular_Trial-s.30165d7a.otf)format("opentype");font-display:swap;font-weight:700}@font-face{font-family:canela Fallback;src:local(Arial);ascent-override:84.32%;descent-override:24.48%;line-gap-override:21.76%;size-adjust:91.92%}.canela_4f48cd35-module__tL1zhG__className{font-family:canela,canela Fallback;font-weight:700}
@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/06eebcd73936f38e-s.00189602.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/123801de074563d4-s.d46ae364.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/720012523aafa803-s.8958a2d1.woff2)format("woff2");unicode-range:U+307,U+323,U+951-952,U+964-965,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ffe66922092f83a0-s.a712ed9d.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c909fd9dbf294805-s.a960e598.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c975a037b98563f7-s.284469b4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Arima;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fe9911d0f7526f78-s.53669592.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Arima Fallback;src:local(Arial);ascent-override:106.3%;descent-override:55.48%;line-gap-override:0.0%;size-adjust:100.94%}.arima_248bb6a1-module__PONhZq__className{font-family:Arima,Arima Fallback;font-style:normal;font-weight:400}
#contactForm{border-radius:6px;flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex;position:relative;overflow:hidden}#contactForm .form-top{gap:1rem;width:100%;display:flex}#contactForm .form-field{background:var(--bg-field);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;display:flex;position:relative}#contactForm .form-field>svg{color:var(--purple-soft);flex-shrink:0;margin-top:3px}#contactForm .form-field>input,#contactForm .form-field>textarea{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:1rem}:is(#contactForm .form-field>input,#contactForm .form-field>textarea) ::placeholder{color:var(--text-faint)}#contactForm .form-field>textarea{resize:none;min-height:200px}#contactForm #sendButton:active{filter:brightness(.7)}#contactForm .message-success,#contactForm .message-failure{letter-spacing:1px;z-index:10;margin-top:1rem;font-family:Canela,PF Regal Display Pro,Times New Roman,serif;font-size:1.3rem;position:absolute;bottom:5.5rem}#contactForm .message-success{color:var(--color-success)}@media (max-width:700px){#contactForm .form-top{flex-direction:column;gap:2rem}}
#hamburger{color:var(--color-white);z-index:100;margin-right:2rem;display:flex;position:relative}#hamburger .hamburger-label{text-transform:uppercase;cursor:pointer;border-radius:0;align-items:center;font-size:1rem;display:flex}#hamburger .hamburger-label .text{letter-spacing:.075rem;width:3.5rem;height:100%;margin-right:.5rem;position:relative;top:36%;overflow:hidden}#hamburger .hamburger-label .text .open,#hamburger .hamburger-label .text .close{transition:left .3s;position:absolute;bottom:50%}#hamburger .hamburger-label .text .open{left:.181818rem}#hamburger .hamburger-label .text .close{left:100%}#hamburger .hamburger-label .circle{border:1px solid #fff;border-radius:50%;width:35px;height:35px;display:inline-block;position:relative}#hamburger .hamburger-label .circle .hamburger-stripes{background:var(--color-white);width:65%;height:2px;transition:all .5s;position:absolute;top:50%;left:17%}#hamburger .hamburger-label .circle .hamburger-stripes:before{top:-.4rem}#hamburger .hamburger-label .circle .hamburger-stripes:after{top:.35rem}#hamburger .hamburger-label .circle .hamburger-stripes:before,#hamburger .hamburger-label .circle .hamburger-stripes:after{content:"";background:var(--color-white);width:100%;height:2px;transition:all .5s;position:absolute}#hamburger .hamburger-label .active-burger{background:var(--color-active);color:var(--color-black);border-color:#0000}#hamburger .hamburger-label .active-burger .hamburger-stripes{background:0 0}#hamburger .hamburger-label .active-burger .hamburger-stripes:before{background:var(--color-black);top:40%;transform:rotate(135deg)}#hamburger .hamburger-label .active-burger .hamburger-stripes:after{background:var(--color-black);top:1px;transform:rotate(225deg)}#hamburger :has(.active-burger) .text .open{transition:left .3s;left:100%}#hamburger :has(.active-burger) .text .close{transition:left .3s;left:0}@media (max-width:450px){#hamburger{margin-right:1rem}#hamburger .hamburger-label .circle .hamburger-stripes{top:49%}}
#logo{cursor:pointer;color:var(--color-white);align-items:center;gap:1rem;margin-left:2rem;display:flex;position:relative}#logo .logo-circle{width:3.5rem;color:var(--color-heading);border:2px solid;border-radius:100%;justify-content:center;align-items:center;padding-right:.3rem;font-family:Luxurious Script,cursive;font-size:2.5rem;font-weight:700;display:flex}@media (max-width:450px){#logo{gap:.5rem;margin-left:1rem}}
.nav{z-index:10;background-color:#141414f2;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.nav .nav__links{text-align:center;flex-direction:column;gap:1rem;font-size:4rem;list-style:none;display:flex}.nav .nav__links a{color:var(--color-white);text-transform:uppercase;text-decoration:none}.nav .nav__links .nav__link:hover{color:var(--color-active);cursor:pointer}.nav .nav__links .nav__link.active{color:var(--color-active)}.nav .nav__links :first-child{animation:.5s ease-out slide-in-left-0}.nav .nav__links :nth-child(2){animation:.75s ease-out slide-in-left-1}.nav .nav__links :nth-child(3){animation:.6s ease-out slide-in-left-2}.nav .nav__links :nth-child(4){animation:.75s ease-out slide-in-left-2}.nav .nav__links :nth-child(5){animation:.75s ease-out slide-in-left-1}.nav-open{animation:.5s linear open-menu;display:flex}@keyframes open-menu{0%{opacity:0}to{opacity:1}}.nav-close{animation:.5s linear close-menu}.nav-close .nav__links :first-child{animation:.5s ease-out slide-out-left-0}.nav-close .nav__links :nth-child(2){animation:.75s ease-out slide-out-left-1}.nav-close .nav__links :nth-child(3){animation:.6s ease-out slide-out-left-2}.nav-close .nav__links :nth-child(4){animation:.75s ease-out slide-out-left-2}.nav-close .nav__links :nth-child(5){animation:.75s ease-out slide-out-left-1}@keyframes close-menu{0%{opacity:1;display:flex}50%{opacity:.7}to{opacity:0;display:none}}@keyframes slide-in-left-0{0%{opacity:0;translate:-5vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-in-left-1{0%{opacity:0;translate:-10vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-in-left-2{0%{opacity:0;translate:-5vw}50%{opacity:.3}to{opacity:1;translate:0}}@keyframes slide-out-left-0{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-5vw}}@keyframes slide-out-left-1{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-10vw}}@keyframes slide-out-left-2{0%{opacity:1;translate:0}50%{opacity:.3}to{opacity:0;translate:-5vw}}@media (max-width:700px){.nav .nav__links{font-size:3rem}}@media (max-width:550px){.nav .nav__links{font-size:2.5rem}}@media (max-width:450px){.nav .nav__links{font-size:2rem}}
#header{background:0 0;justify-content:center;align-items:center;width:100%;min-height:6rem;display:flex;position:absolute;top:0}#header #logoLink{z-index:100;text-decoration:none;animation:1s ease-in slide-logo-down;position:absolute;top:25%;left:0}#header #logoLink:focus-visible{outline:none}#header #hamburger{animation:1s ease-in slide-logo-down;position:absolute;top:35%;right:0}@keyframes slide-logo-down{0%{translate:0 -10rem}to{translate:0}}
.projectCard{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:space-between;width:330px;height:420px;display:flex;overflow:hidden}.projectCard .card-image-link{width:100%;height:170px;margin:0;padding:0;overflow:hidden}.projectCard .card-image-link:hover{transition:border-color .5s}.projectCard .card-image-link:hover .projectCard-image{transition-duration:1.1s;transform:scale(1.05)}.projectCard .card-image-link #project-image-container{width:100%;height:100%;display:flex;overflow:hidden}.projectCard .card-image-link #project-image-container .projectCard-image{object-fit:cover;width:100%;transition:all .7s;display:block}.projectCard .card-body{text-align:left;flex-direction:column;gap:1rem;padding:22px 22px 0;display:flex}.projectCard .card-body .card-tag{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700}.projectCard .card-body .card-tag.cyan{color:var(--cyan)}.projectCard .card-body .card-tag.purple{color:var(--purple-soft)}.projectCard .card-body .card-tag.orange{color:var(--orange)}.projectCard .card-body .project-title{color:var(--color-white);width:fit-content;font-size:1.8rem;line-height:1.7rem;text-decoration:none}.projectCard .card-body .content-text{color:var(--text-dim);min-height:65px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13.5px;font-weight:400;line-height:1.6}.projectCard .readMoreCard-bottom{justify-content:center;align-items:center;gap:1rem;padding:0 1.2rem 1rem;display:flex}.projectCard .readMoreCard-bottom .readMoreCard-link{border:1px solid var(--color-border);width:fit-content;color:var(--color-heading);letter-spacing:.15rem;text-box-trim:trim-end;white-space:preserve nowrap;text-transform:uppercase;z-index:3;background-color:#0000;border-radius:20px;margin-top:1rem;padding:8px 15px;font-family:poppins,sans-serif;font-size:.9rem;font-weight:300;text-decoration:none;transition:all .5s;display:inline}.projectCard .readMoreCard-bottom .readMoreCard-link:hover{background-color:var(--color-readmore-hover)}.projectCard .readMoreCard-bottom>hr{border-top:1px solid var(--color-background-extra-light);border-bottom:thin;border-left:none;border-right:none;width:35%;margin-top:1rem}@media (max-width:400px){.projectCard{width:100%;max-width:400px}}
.serviceCard{text-align:center;flex-direction:column;align-items:center;width:300px;display:flex}.serviceCard .service-image{width:50px;margin:.7rem}.serviceCard .service-heading{color:var(--color-white);padding-bottom:1rem;font-size:1.4rem}.serviceCard .service-text{color:var(--color-text);word-spacing:2px;font-size:1.3rem;line-height:1.5rem}
.skillCard{border:1px solid var(--color-auth-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-radius:8px;flex-direction:column;gap:1rem;width:300px;height:fit-content;padding:2rem;display:flex}.skillCard .skill-card-title{color:var(--color-white);border-bottom:1px solid var(--color-background-extra-light);align-items:flex-end;gap:.5rem;font-size:1.5rem;display:flex}.skillCard .skills-list{flex-wrap:wrap;gap:1rem;display:flex}.skillCard .skills-list li{margin-left:1rem}.skillCard .skills-list .skills-list-tools{color:var(--color-text);margin-left:0;font-size:1.1rem;list-style-type:none}@media (max-width:500px){.skillCard{padding:1rem}.skillCard .skill-card-title{font-size:1.5rem}}
#socialMedia{align-items:center;gap:1rem;height:fit-content;display:flex}#socialMedia .linkedin,#socialMedia .github,#socialMedia .email,#socialMedia .certifications{border-radius:4px;width:1.5rem}
#footer{color:var(--color-white);border-top:1px solid var(--color-border);flex-direction:column;justify-content:space-between;align-items:flex-end;margin-left:1rem;margin-right:1rem;display:flex}#footer #socialMedia{align-self:flex-start;margin:1rem}#footer #copyright{align-self:center;align-items:center;margin:1rem;font-size:1.4rem;display:flex}#footer #copyright .material-symbols-outlined{text-align:center;font-size:1rem}.landing{align-self:center;width:96%;position:absolute;bottom:0}@media (max-width:500px){#footer #socialMedia{margin-left:.5rem}}