:root{--linear-gradient:linear-gradient(
      180deg,
      hsl(217deg 63% 50%) 0%,
      hsl(217deg 70% 49%) 11%,
      hsl(217deg 76% 48%) 22%,
      hsl(218deg 82% 47%) 33%,
      hsl(219deg 86% 47%) 44%,
      hsl(221deg 85% 48%) 56%,
      hsl(225deg 80% 49%) 67%,
      hsl(229deg 78% 51%) 78%,
      hsl(234deg 78% 54%) 89%,
      hsl(241deg 78% 55%) 100%
    )}.light{--bgc_dark:#f2f2f2;--bgc_light:#404244;--base:#f2f2f2;--neutral:#0f1014;--low:#404244;--high:#0f1014;--buttons:#c5c5c5}*{box-sizing:border-box}:root{font-size:15px}@media screen and (min-width:300px){:root{font-size:14px}}@media screen and (min-width:360px){:root{font-size:16px}}@media screen and (min-width:768px){:root{font-size:19px}}@media screen and (min-width:1280px){:root{font-size:20px}}@media screen and (min-width:1400px){:root{font-size:24px}}@media screen and (min-width:1800px){:root{font-size:26px}}@media screen and (min-width:2800px){:root{font-size:40px}}@media screen and (min-width:3800px){:root{font-size:52px}}::-webkit-scrollbar{width:.3em;z-index:99}::-webkit-scrollbar-track{background:#252934}::-webkit-scrollbar-thumb{background:#f2f2f2;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f2f2f2}html{scroll-behavior:smooth;overflow-x:hidden;background-attachment:fixed}body{overflow-x:hidden;margin:0;padding:0;line-height:1.7;width:100vw;background-color:#15161e;min-height:100vh}.site_wrapper{font-family:Marianne,sans-serif;min-height:100vh;color:#f2f2f2;position:relative;overflow-x:hidden;width:100%}.container{color:#fffcf8;padding:0 1rem}@media screen and (min-width:1280px){.container{padding:0 4rem}}@media screen and (min-width:1500px){.container{padding:0 8rem}}.container section{margin:3em auto}@media screen and (min-width:1280px){.container section{min-height:100vh}}.container section h2{font-family:Marianne,sans-serif;padding:0 0 .3em 0;font-weight:lighter;font-size:clamp(1.4rem,20vw,2.5rem);color:#f2f2f2;top:-1px;text-transform:capitalize;position:-webkit-sticky;position:sticky;z-index:23}@media screen and (min-width:768px){.container section h2{margin:0 0 1em 0}}.container section h2::before{content:attr(data-watermark);pointer-events:none;position:absolute;font-size:4em;z-index:10;opacity:.03}@media screen and (min-width:768px){.container section h2::before{font-size:clamp(4rem,20vw,8rem);top:0;opacity:.03}}ul{list-style-type:none}.geyser-wrapper{overflow:hidden}.striked{text-decoration:line-through;opacity:.7}.navigation{display:flex;margin:0;bottom:0;width:100%;align-items:center;min-height:10vh;z-index:20;padding:0 1rem}@media screen and (min-width:768px){.navigation{border-top:none;background-color:transparent;width:calc(100% - .3em);box-shadow:none;top:0;bottom:auto;padding:0 2rem;height:5em}}@media screen and (min-width:1280px){.navigation{padding:0 4rem}}.navigation .logo{align-items:center;justify-content:center;z-index:2;min-width:100px}.navigation .logo a{padding:0;text-decoration:none;margin:0 auto}.navigation .logo a svg{width:3em;height:3em;border-radius:.5em}.navigation .menu{display:flex;display:none;justify-content:space-between;list-style-type:none;width:100%;z-index:2;margin:.2em auto;padding:1em;overflow:hidden;visibility:hidden}@media screen and (min-width:768px){.navigation .menu{background-color:transparent;pointer-events:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-left:auto;flex-direction:column;position:fixed;top:30vh;right:1em;height:40vh;border-radius:0}}.navigation .menu li{margin:0;padding:0;padding:0 .3em}.navigation .menu li a{margin:0;padding:0;font-family:Marianne,sans-serif;position:relative;text-decoration:none;padding:.3em 0;font-size:1rem;display:flex;flex-direction:column;color:#dad7f0;transition:color .3s ease-in-out,transform .3s ease-in-out}.navigation .menu li a::after{border-radius:1em;content:"";position:absolute;right:0;bottom:.2em;left:0;border-top:.06em solid #c5c5c5;transition:transform .3s cubic-bezier(.55,.06,.68,.19);visibility:hidden;transform:scaleX(0);opacity:0}.navigation .menu li a:hover{color:#fffcf8}.navigation .menu li a.active_link{color:#dad7f0;transform:translateY(-5px) scale(1.2)}.navigation .menu li a.active_link path{fill:#dad7f0}.navigation .menu li a.active_link span::before{background-color:#f2f2f2}.navigation .menu li a span{display:none;transition:color .3s;text-transform:capitalize;text-align:center}@media screen and (min-width:768px){.navigation .menu li a span{display:block}}.navigation .menu li a svg{height:1.5rem}@media screen and (min-width:768px){.navigation .menu li a svg{display:none;height:1rem}}.navigation .menu li a svg path{transition:.3s;fill:#c5c5c5}@-webkit-keyframes shake{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-1%,3%) rotate(-2deg)}50%{transform:translate(1%,2%) rotate(2deg)}75%{transform:translate(1%,-2%) rotate(-1deg)}}@keyframes shake{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-1%,3%) rotate(-2deg)}50%{transform:translate(1%,2%) rotate(2deg)}75%{transform:translate(1%,-2%) rotate(-1deg)}}.hero{height:100vh;display:flex;visibility:hidden;justify-content:center;flex-direction:column;text-align:center}.hero .hero_bottom_text,.hero .hero_top_text{color:#dad7f0;font-size:1rem;font-family:Marianne,sans-serif;min-width:270px;margin:1em auto 2em}@media screen and (min-width:768px){.hero .hero_bottom_text,.hero .hero_top_text{max-width:75ch}}.hero .hero_name,.hero .hero_title{color:#fffcf8;font-family:Marianne,sans-serif;font-weight:400;line-height:1.3;margin:0}.hero .hero_name{font-size:3rem;font-weight:700}.hero .hero_title{font-size:clamp(2rem,2vw,2.5rem);color:#f2f2f2}.hero .hero_btns{display:flex;justify-content:center}.hero .hero_btns .primary{background:var(--linear-gradient);display:block;transition:3s;color:#f2f2f2}.hero .hero_btns .secondary{background-color:#dad7f0;color:#2f6cce}.hero .hero_btns .call_to_action{font-size:clamp(1em,1.6vw,1.5em);font-family:Marianne,sans-serif;text-decoration:none;padding:.5em 2em;display:block;visibility:hidden;position:relative;border-radius:.1em;margin:1em 1em 1em 0;transition:color .3s,background-color .3s}@-webkit-keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}#projects h3{font-weight:lighter}#projects .projects_items{display:grid;list-style-type:none;margin:0;padding:.5em 0;grid-template-columns:1fr;grid-gap:.5em}@media screen and (min-width:768px){#projects .projects_items{grid-template-columns:repeat(3,1fr);grid-gap:1em}}@media screen and (min-width:1280px){#projects .projects_items{grid-template-columns:repeat(3,1fr);grid-gap:1em}}#projects .projects_items .card{border-radius:.2em;padding:1em;position:relative;text-align:center;background:rgba(37,41,52,0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);overflow:hidden}@media screen and (min-width:768px){#projects .projects_items .card{display:block;gap:0}}#projects .projects_items .card a{text-decoration:none;display:flex;border-radius:inherit;color:#f2f2f2;position:relative;text-align:center}#projects .projects_items .card a:hover .card_label{opacity:1}#projects .projects_items .card a .card_img{margin:auto;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;border-radius:5px;pointer-events:none}#projects .projects_items .card .card_label p{font-size:.9em;font-weight:lighter;color:#dad7f0}#projects .projects_items .card .card_label .tags{display:none}#projects .projects_items .card .card_label .tags span{background-color:#404244;font-size:.8rem;font-family:Marianne,sans-serif;border-radius:20px;padding:.3em 1em;color:#15161e}#projects .projects_items .card .card_label .tags span::before{content:"#"}#projects .projects_items .card .card_label .links{display:flex;margin:1em auto 0;width:-webkit-max-content;width:-moz-max-content;width:max-content}#projects .projects_items .card .card_label .links a{margin-right:1em}#projects .projects_items .card .card_label .links a .ionicon{width:1em;height:1em;stroke:#f2f2f2;fill:#f2f2f2;transition:fill .3s}#projects .projects_items .card .card_label .links a .ionicon.git:hover path{fill:#2f6cce}#projects .projects_items .card .card_label .links a .ionicon.link:hover path{stroke:#2f6cce}#tools{display:flex;flex-direction:column}#tools p{color:#dad7f0}#tools .tools_items{display:grid;margin:0;padding:0 1em;grid-template-columns:1fr 1fr;gap:4rem 0}@media screen and (min-width:768px){#tools .tools_items{gap:4rem 1rem;grid-template-columns:repeat(3,1fr);padding:0}}@media screen and (min-width:1280px){#tools .tools_items{grid-template-columns:repeat(7,1fr);gap:6rem 0;padding:4rem 0}}#tools .tools_items .card{flex-direction:column;justify-content:center;align-items:center;height:4em;position:relative;z-index:1}#tools .tools_items .card .card_image{background-repeat:no-repeat;background-position:center;background-size:contain;top:0;width:100%;height:70%}#tools .tools_items .card .card_text{font-size:1rem;text-align:center;padding:.3em 0;text-transform:uppercase;font-family:Marianne,sans-serif;margin-top:auto;align-items:center;justify-content:center}#tools .tools_items .card #html_logo{background-image:url(/images/skills/64fc7598ae40f7cf0be34a543bae0d9e9545817e/html.png)}#tools .tools_items .card #css_logo{background-image:url(/images/skills/cb7ab09248d0f2acefba28ceac0d549d27c1e5d4/css.png)}#tools .tools_items .card #sass_logo{background-image:url(/images/skills/281973260104d14390db58aabc17226ff819dc98/sass.png)}#tools .tools_items .card #js_logo{background-image:url(/images/skills/632b86b856fa18de56cbcbacfb17afb7e972c37a/js.png)}#tools .tools_items .card #figma_logo{background-image:url(/images/skills/93d199bcfe38c6fad3d2646206bc2363be2e9b1c/figma.png)}#tools .tools_items .card #pwa_logo{background-image:url(/images/skills/79e552e1e03f70b517cb97c1b6cdee446c87c3f8/pwa.png)}#tools .tools_items .card #react_logo{background-image:url(/images/skills/d50d084eaffb94a56da7c106cb5edd1a9b4fda13/react.png)}#tools .tools_items .card #jquery_logo{background-image:url(/images/skills/33699538de248e9a9d595f495bec7cb6d0492db1/jquery.png)}#tools .tools_items .card #git_logo{background-image:url(/images/skills/4e228195eae978525eda243e959661eb5ddb810d/git.png)}#tools .tools_items .card #gsap_logo{background-image:url(/images/skills/3600c70513073cd0716b05b2818268ad3b986c81/gsap.png)}#tools .tools_items .card #chartjs_logo{background-image:url(/images/skills/9f2c55c6a1ce7b108644c09bac040af2a2c74435/chartjs.png)}#contact{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:768px){#contact{display:grid;grid-template-columns:1fr;gap:2em;justify-content:center;align-items:center;margin-bottom:5em}}#contact .contact_side{text-align:center;margin:0 auto 2em;width:100%;color:#dad7f0;margin-top:8em;transform-origin:center center;border-radius:5px;background:rgba(37,41,52,0)}@media screen and (min-width:768px){#contact .contact_side{padding:2em 0}}#contact .contact_side .reference{text-decoration:none;color:inherit}#contact .contact_side .social_text{font-family:Marianne,sans-serif;text-align:center;font-weight:lighter}#contact .contact_side .social_links{list-style-type:none;display:flex;justify-content:center;align-items:center;padding:0;margin:2em 0}#contact .contact_side .social_links li{z-index:7;position:relative;margin:0 1.5rem}#contact .contact_side .social_links li.shake{-webkit-animation:shake 5s infinite;animation:shake 5s infinite}#contact .contact_side .social_links li a{display:flex;flex-direction:column;text-decoration:none;color:#dad7f0}#contact .contact_side .social_links li a span{font-size:.6em;font-family:Marianne,sans-serif}#contact .contact_side .social_links .social_logo{width:1.5em;margin:auto;fill:#dad7f0;transition:fill .3s}#contact .contact_side .social_links .social_logo:hover{fill:#fffcf8}#contact .contact_side .mail_adress{text-decoration:none;color:#dad7f0;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:2em auto;font-weight:lighter;display:flex;align-items:center;border-bottom:.1em solid currentColor;transition:color .3s}#contact .contact_side .mail_adress:hover{color:#f2f2f2}#contact .contact_side .mail_adress svg{margin-right:.2em;width:1rem;height:1rem}#contact .contact_side .mail_adress svg path{fill:currentColor}#contact #contact_form{position:relative;display:flex;flex-direction:column;min-width:270px;width:100%;padding:0 1rem;margin:auto}@media screen and (min-width:768px){#contact #contact_form{padding-bottom:4rem}}#contact #contact_form .contact_field{display:flex;position:relative;flex-direction:column;width:100%;margin:1rem auto}#contact #contact_form .contact_field label{position:absolute;top:1rem;color:#dad7f0;transition:.5s;pointer-events:none}#contact #contact_form .contact_field input,#contact #contact_form .contact_field textarea{background-color:transparent;outline:0;border:none;font-size:1rem;color:#fffcf8;font-family:Marianne,sans-serif;border-bottom:.1em solid #dad7f0;padding:.7em}#contact #contact_form .contact_field input:-webkit-autofill,#contact #contact_form .contact_field input:-webkit-autofill:focus,#contact #contact_form .contact_field input:-webkit-autofill:hover{background-color:transparent}#contact #contact_form .contact_field input:focus,#contact #contact_form .contact_field input:valid,#contact #contact_form .contact_field textarea:focus,#contact #contact_form .contact_field textarea:valid{border-bottom:.1em solid #f2f2f2}#contact #contact_form .contact_field input[type=email]:not(:-moz-placeholder-shown):invalid~label{top:-1rem;font-weight:700;font-size:.8rem;color:#f2f2f2}#contact #contact_form .contact_field input[type=email]:not(:-ms-input-placeholder):invalid~label{top:-1rem;font-weight:700;font-size:.8rem;color:#f2f2f2}#contact #contact_form .contact_field input:focus~label,#contact #contact_form .contact_field input:valid~label,#contact #contact_form .contact_field input[type=email]:not(:placeholder-shown):invalid~label,#contact #contact_form .contact_field textarea:focus~label,#contact #contact_form .contact_field textarea:valid~label{top:-1rem;font-weight:700;font-size:.8rem;color:#f2f2f2}#contact #contact_form .contact_field input[type=email]:not(:-moz-placeholder-shown):invalid{border-color:red}#contact #contact_form .contact_field input[type=email]:not(:-ms-input-placeholder):invalid{border-color:red}#contact #contact_form .contact_field input[type=email]:not(:placeholder-shown):invalid{border-color:red}#contact #contact_form .contact_btn{display:block;padding:.7rem 1.4rem;outline:0;font-family:Marianne,sans-serif;background:linear-gradient(180deg,#2f6cce 0,#3633e6 100%);border:none;color:#f2f2f2;font-size:.9em;margin:1em 0 2em;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer;transition:.3s}@media screen and (min-width:1280px){#contact #contact_form .contact_btn{margin:2em 0}}#contact .contact_or{text-align:center;visibility:hidden;display:none}@media screen and (min-width:768px){#contact .contact_or{margin-top:4em;visibility:visible}}footer{padding-bottom:6em;display:flex;align-items:center;background-color:#f2f2f2;height:20vh;font-family:Marianne,sans-serif;justify-content:space-between;color:#15161e}@media screen and (min-width:360px){footer{padding-bottom:6em}}@media screen and (min-width:768px){footer{padding-bottom:0}}footer .copyright,footer span{font-size:1em;color:#15161e}@-webkit-keyframes animate{0%{opacity:0;stroke-dashoffset:320}30%{opacity:.5}100%{opacity:1;stroke-dashoffset:0}}@keyframes animate{0%{opacity:0;stroke-dashoffset:320}30%{opacity:.5}100%{opacity:1;stroke-dashoffset:0}}@-webkit-keyframes peek{0%{transform:rotate(0)}50%{transform:rotate(-60deg)}80%{transform:rotate(-60deg)}100%{transform:rotate(0)}}@keyframes peek{0%{transform:rotate(0)}50%{transform:rotate(-60deg)}80%{transform:rotate(-60deg)}100%{transform:rotate(0)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@font-face{font-family:Marianne;font-style:normal;font-weight:400;src:local(""),url(/caf80cdb0cce3a53608beec2be6ed90fcdc263d6/8c0ab/fonts/marianne/marianne-regular.woff2) format("woff2"),url(/247a25dc452e913f2cbac930860b2624d7831beb/1b49a/fonts/marianne/marianne-regular.woff) format("woff");font-display:swap}@font-face{font-family:Marianne;font-style:normal;font-weight:600;src:local(""),url(/4cc35a5f882145ec7feb23ac0a3cac8bd2832b93/0f17a/fonts/marianne/marianne-bold.woff2) format("woff2"),url(/a316955bb8fdfcafd94f8322f717bbd8edbf427d/cd6f0/fonts/marianne/marianne-bold.woff) format("woff");font-display:swap}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}