@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}:root{--gradient:linear-gradient(265.6deg,#007fff -21.43%,#0059b2);--primary-blue:#007fff;--secondary-blue:#0059b2;--dark-text:#001e3c;--light-bg:#fafbfc;--technologies-bg:rgba(102,178,255,.3);--project-border:#aab4be;--form-input-bg-color:#eaeef3;--form-input-border-color:#6f6f6f;--form-error-message-color:#d22222}#root{align-items:center;display:flex;flex-direction:column}body{background:#fafbfc;background:var(--light-bg);font-family:Inter,sans-serif;font-size:1.8rem}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.horizontal-line,.skill-separator{background-color:#aab4be;background-color:var(--project-border);border:none;height:1px;min-width:100%}a:focus-visible,button:focus-visible{border-radius:8px;outline:3px solid #007fff;outline:3px solid var(--primary-blue)}::-webkit-scrollbar{background-color:#c8cfd5;width:12px}::-webkit-scrollbar-track{background-color:#fcfcfd;width:14px}::-webkit-scrollbar-thumb{background-color:#e0dbe0;border-radius:25px}::-webkit-scrollbar-thumb:hover{background-color:#abb5bf}.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(250,251,252,.7);height:60px;justify-content:center;position:absolute;top:0;z-index:9}.nav,.nav-wrapper{align-items:center;display:flex;width:100%}.nav{justify-content:space-between;max-width:955px;padding:0 3%}.nav-horizontal-line{position:fixed;top:60px;z-index:9}.left-menu{display:flex;gap:5px}.home{border-radius:8px}.home,.menu{align-items:center;color:#001e3c;color:var(--dark-text);display:flex;justify-content:center;padding:8px}.menu{background:transparent;border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;cursor:pointer}.menu:focus-visible{outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.home:focus-visible{outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.home:hover,.menu:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg)}.menu-open{align-items:center;background-color:#fafbfc;background-color:var(--light-bg);flex-direction:column;min-height:100vh;padding:65px 0;position:absolute;top:0;z-index:-1}.menu-open,.menu-open a{display:flex;justify-content:center;width:100%}.menu-open a{color:#001e3c;color:var(--dark-text);font-size:1.8rem;font-weight:700;height:100%;padding:22px 10px;text-decoration:none}.main-nav,.menu-closed,.menu-open .active-nav:after{display:none}.main-nav a{color:#001e3c;color:var(--dark-text);display:flex;font-size:1.8rem;font-weight:700;height:100%;justify-content:center;padding:20px 10px;text-decoration:none}.main-nav a:focus-visible{border-radius:8px;outline:3px solid #007fff;outline:3px solid var(--primary-blue);outline-offset:-3px}.active-nav,.main-nav a:hover{color:#0059b2!important;color:var(--secondary-blue)!important;font-style:italic}.main-nav{position:relative}.active-nav:after,.main-nav a:hover:after{background-color:#0059b2;background-color:var(--secondary-blue);border-top-left-radius:3px;border-top-right-radius:3px;bottom:0;content:"";height:5px;position:absolute;width:35px}.secondary-nav{align-items:center;display:flex;gap:14px}.secondary-nav a{color:#001e3c;color:var(--dark-text);text-decoration:none}.contact-options{display:flex;gap:4px}.contact-options a{align-items:center;border-radius:8px;display:flex;padding:8px}.contact-options a:focus-visible{outline:0;outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.contact-options a:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg)}.darkmode-toggle{align-items:center;background-color:initial;border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;color:#001e3c;color:var(--dark-text);cursor:pointer;display:flex;padding:7px}.darkmode-toggle:focus-visible{border:1px solid #001e3c;border:1px solid var(--dark-text);outline:0;outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.darkmode-toggle:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg);border:1px solid #0059b2;border:1px solid var(--secondary-blue)}.hero{align-items:flex-start;gap:15px;height:70vh;justify-content:center;margin-top:60px;max-width:955px;padding:0 3%}.headline,.hero{display:flex;flex-direction:column}.headline{align-items:center}.hero-title{color:#001e3c;color:var(--dark-text);font-size:4rem;font-weight:900;line-height:100%;max-width:350px}.gradient{-webkit-text-fill-color:transparent;background:linear-gradient(265.6deg,#007fff -21.43%,#0059b2);background:var(--gradient);-webkit-background-clip:text;color:linear-gradient(265.6deg,#007fff -21.43%,#0059b2);color:var(--gradient);font-style:italic;line-height:100%}.hero-subtitle{color:#001e3c;color:var(--dark-text);font-size:2.4rem;line-height:150%;max-width:300px}.hero-subtitle-italic{font-style:italic;font-weight:700}.hero-subtitle-bold{font-weight:700}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.section-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}button{border:0}.primary-btn{background:linear-gradient(265.6deg,#007fff -21.43%,#0059b2);background:var(--gradient);border-radius:8px;font-size:1.8rem;font-weight:700;line-height:125%;padding:10px 25px}.primary-btn,.primary-btn a{color:#fff;text-decoration:none}.secondary-btn{background:none;border:2px solid #0059b2;border:2px solid var(--secondary-blue);border-radius:8px;box-sizing:border-box;color:#0059b2;color:var(--secondary-blue);font-size:1.8rem;font-weight:700;line-height:125%;padding:10px 25px;text-decoration:none}.project-btns{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.secondary-btns{display:flex;gap:15px}.code-btn,.live-btn{background:transparent;border-radius:8px;color:#001e3c;color:var(--dark-text);cursor:pointer;padding:4px 6px}.code-btn:hover,.live-btn:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg);color:#0059b2;color:var(--secondary-blue)}.code-btn:focus-visible,.live-btn:focus-visible{outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.code-btn:active,.live-btn:active{-webkit-transform:scale(96%);transform:scale(96%);-webkit-transform-origin:center;transform-origin:center}.primary-btn:hover{background:#0059b2;background:var(--secondary-blue);cursor:pointer}.secondary-btn:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg);color:#0059b2;color:var(--secondary-blue);cursor:pointer}.primary-btn:focus-visible{outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.secondary-btn:focus-visible{outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.primary-btn,.secondary-btn{-webkit-transform-origin:center;transform-origin:center}.primary-btn:active,.secondary-btn:active{-webkit-transform:scale(97%);transform:scale(97%)}.disabled-link{cursor:not-allowed;opacity:.5;pointer-events:none}.projects{color:#001e3c;color:var(--dark-text);display:flex;flex-direction:column;gap:35px;max-width:955px;padding:70px 3% 50px}.projects-header{max-width:300px}.project-description{line-height:180%}.about-header-title,.contact-header-title,.projects-header-title{font-size:3rem;font-weight:700;padding-bottom:12px}.contact-header-description,.projects-header-description{line-height:180%}.project-list{gap:30px}.project,.project-list{display:flex;flex-direction:column}.project{background-color:#fff;border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;gap:20px;max-width:350px;padding:20px}.project:hover{border:1px solid #0059b2;border:1px solid var(--secondary-blue)}.project:hover .project-title .title{color:#0059b2;color:var(--secondary-blue)}.project-type{align-items:center;color:#abb5bf;display:flex}.project-picture{background-color:#001e3c;background-color:var(--dark-text);border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;height:20rem;width:100%}.about-picture{border-radius:8px;max-height:100%;max-width:100%;object-fit:fill}.project-details-wrapper{display:flex;flex-direction:column;gap:20px}.project-title{align-items:flex-start;display:flex;font-size:2.4rem;font-weight:700;justify-content:space-between}.technologies{display:flex;flex-wrap:wrap;gap:10px}.technology{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg);border-radius:22px;font-size:1.4rem;font-weight:700;padding:.4rem .8rem}.project-details{color:#001e3c;color:var(--dark-text);display:flex;flex-direction:column;gap:40px;max-width:955px;padding:100px 3% 50px;width:100%}.project-details p{line-height:180%}.project-details-header{display:flex;flex-direction:column;gap:15px}.project-details-heading{align-items:flex-start;display:flex;font-size:3.6rem;gap:5px;line-height:100%}.project-details-picture{background-color:#001e3c;background-color:var(--dark-text);border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;width:100%}.projects-back-btn{align-items:center;align-self:flex-start;background-color:initial;color:#001e3c;color:var(--dark-text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:400;justify-content:center;padding:8px 8px 8px 0}.projects-back-btn:hover{color:#007fff;color:var(--primary-blue)}.projects-back-btn-icon{display:flex;padding-right:5px}.project-links{display:flex;flex-wrap:wrap;gap:30px;width:100%}.project-link{display:flex;flex-direction:column}.link-border{background-color:#aab4be;background-color:var(--project-border);border:none;height:1px}.project-link:hover .link-border{background-color:#007fff;background-color:var(--primary-blue)}.live-site,.source-code{align-items:center;color:#001e3c;color:var(--dark-text);display:flex;font-weight:700;padding:4px 0;text-decoration:none}.code-icon,.live-icon{color:#007fff;color:var(--primary-blue);display:flex;padding-left:5px}.project-detail-details{display:flex;flex:1 1;flex-direction:column;gap:10px;padding-bottom:30px}.project-detail-details h2{font-size:2.4rem;line-height:100%;min-width:280px}.project-detail-details div ul{padding-left:20px}.project-detail-details div ul li{line-height:180%}.project-detail a{border-bottom:1px solid #aab4be;border-bottom:1px solid var(--project-border);color:#0059b2;color:var(--secondary-blue);display:inline-block;line-height:150%;text-decoration:none}.project-detail a:hover{border-bottom:1px solid #007fff;border-bottom:1px solid var(--primary-blue);color:#001e3c;color:var(--dark-text)}.details-border{background-color:#aab4be;background-color:var(--project-border);border:none;height:1px}.projects p a{border-bottom:1px solid #aab4be;border-bottom:1px solid var(--project-border);color:#0059b2;color:var(--secondary-blue);text-decoration:none}.projects p a:hover{border-bottom:1px solid #007fff;border-bottom:1px solid var(--primary-blue)}.projects p a:hover,.skills{color:#001e3c;color:var(--dark-text)}.skills{display:flex;flex-direction:column;gap:35px;max-width:350px;padding:60px 3% 50px}.skills-header-title{font-size:3rem;padding-bottom:12px}.skills-header-description{line-height:180%}.skills-technologies{display:flex;flex-direction:column;flex-wrap:wrap;gap:43px}.skill-list-heading{background-color:#001e3c;background-color:var(--dark-text);border:1px solid #aab4be;border:1px solid var(--project-border);border-bottom:0;border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;font-size:1.8rem;padding:15px 30px;text-align:center}.skill-list-wrapper{display:flex;flex-direction:column}.skills-list{border:1px solid #aab4be;border:1px solid var(--project-border);border-radius:8px;border-top-left-radius:0;border-top-right-radius:0}.skill-name{font-weight:700;gap:14px}.skill-icon,.skill-info,.skill-name{align-items:center;display:flex}.skill-info{background-color:#fff;border:0;border-radius:8px;justify-content:space-between;max-height:70px;padding:15px 30px}.about{color:#001e3c;color:var(--dark-text);max-width:955px;padding:60px 3% 50px}.about,.about-content{display:flex;flex-direction:column;gap:20px}.about-content{max-width:350px}.about-text{line-height:180%;padding-bottom:25px}.about p a{border-bottom:1px solid #aab4be;border-bottom:1px solid var(--project-border);color:#0059b2;color:var(--secondary-blue);text-decoration:none}.about p a:hover{border-bottom:1px solid #007fff;border-bottom:1px solid var(--primary-blue)}.about p a:hover,.contact{color:#001e3c;color:var(--dark-text)}.contact{gap:35px;max-width:955px;max-width:350px;padding:60px 3% 50px}#contact-form,.contact{display:flex;flex-direction:column}#contact-form{gap:30px}.contact-header-description{line-height:180%}.contact-form-email{display:flex;font-weight:700}.contact-form-email-icon{color:#001e3c;color:var(--dark-text);display:flex;padding-right:8px}.contact-form-field{display:flex;flex-direction:column}.contact-form-field>input,.contact-form-field>textarea{color:#001e3c;color:var(--dark-text);font-family:Inter,sans-serif;font-size:1.8rem;padding:10px}.contact-form-field>input{min-height:40px}.contact-form-field>input,.contact-form-field>textarea{background-color:#eaeef3;background-color:var(--form-input-bg-color);border:1px solid #6f6f6f;border:1px solid var(--form-input-border-color);border-radius:8px}.contact-form-field>textarea{min-height:130px}.contact-form-field>input:focus,.contact-form-field>textarea:focus{background-color:#fff;border-color:#0059b2;border-color:var(--secondary-blue);outline:0;outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.contact-form-field>input:hover,.contact-form-field>textarea:hover{border-color:#0059b2;border-color:var(--secondary-blue)}.contact-form-field label{font-weight:700;padding-bottom:10px}#contact-form button{align-self:flex-end}.send-message{border:1px solid transparent}.send-message:focus-visible{border:1px solid #fff;outline:3px solid #007fff;outline:3px solid var(--primary-blue)}.footer{color:#001e3c;color:var(--dark-text);max-width:955px;padding:70px 0}.contact-icons,.footer{align-items:center;display:flex;justify-content:center}.contact-icons{gap:8px}.contact-icon{border-radius:8px;color:#001e3c;color:var(--dark-text);cursor:pointer;padding:5px}.contact-icon:hover{background-color:rgba(102,178,255,.3);background-color:var(--technologies-bg)}.not-found-page{align-items:center;color:#001e3c;color:var(--dark-text);display:flex;flex-direction:column;gap:25px;justify-content:center;min-height:100vh;padding:3%}.not-found-page h1{font-size:7.2rem;line-height:100%}.not-found-page div{font-size:2.4rem;line-height:150%}@media screen and (min-width:600px){.App{display:flex;flex-direction:column}.App,.hero{align-items:center}.hero{text-align:center}.gradient,.hero-title{font-size:4.8rem;max-width:100%}.hero-subtitle{max-width:584px}.about,.projects,.skill{align-items:center}.project{max-width:100%}.projects-header{max-width:400px;text-align:center}.project-details-heading{align-items:center}.project-type{justify-self:flex-start}.skills-technologies{max-width:100%}.about,.about-content,.contact,.projects,.skills{max-width:483px}.contact-header,.skills-header{text-align:center}}@media screen and (min-width:900px){.nav-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(250,251,252,.7);height:60px;justify-content:center;position:fixed;top:0}.nav,.nav-wrapper{align-items:center;display:flex;width:100%}.nav{justify-content:space-between;max-width:955px;padding:0}.nav-horizontal-line{position:fixed;top:60px}.left-menu,.menu-open{display:none}.main-nav{display:flex;gap:31px;position:relative;visibility:visible}.secondary-nav{align-items:center}.contact-options,.secondary-nav{display:flex;gap:18px}.hero{gap:25px;height:100vh;margin-top:0}.hero-title{font-size:6.4rem;line-height:100%}.hero-subtitle,.hero-title{color:#001e3c;color:var(--dark-text)}.hero-subtitle{font-size:2.4rem;line-height:125%;max-width:100%}.hero-buttons{display:flex;gap:20px}button{border:0;font-size:1.8rem;font-weight:700}.project{display:flex;flex-direction:row}.projects{align-items:center;gap:50px;padding:70px 0}.projects-header{max-width:428px;text-align:center}.projects-header-title{font-size:3.6rem}.projects-header-description{line-height:180%}.project{gap:27px;padding:30px}.project-list{gap:50px}.project-picture{height:100%;min-width:435px}.project-details-wrapper{min-width:435px}.project-details{padding-left:0;padding-right:0}.project-details-heading{font-size:3.6rem}.project-detail-details{flex-direction:row;gap:0}.project-detail-details>h2{font-size:2.4rem;max-width:250px}.project-detail-details>div{align-self:flex-start}.skills{align-items:center;gap:50px;max-width:955px;padding:70px 0}.skills-header-description,.skills-header-title{max-width:483px;text-align:center}.skills-header-title{font-size:3.6rem}.skills-technologies{flex-direction:column;flex-wrap:wrap}.skill{min-width:453px}.about{align-items:center;gap:50px;max-width:955px;padding:70px 0}.about-header-title{font-size:3.6rem}.about-content{flex-direction:row;gap:53px;max-width:100%}.about-picture{max-height:200px}.about-body{align-items:flex-start;display:flex;flex-direction:column}.about-text{line-height:180%;max-width:100%}.contact{gap:50px;max-width:483px;padding:70px 0}.contact-header-title{font-size:3.6rem}.not-found-page h1{font-size:9.6rem}.not-found-page div{font-size:3.6rem}}.skip-section-btn-wrapper{align-items:center;display:flex;margin-top:.5em;max-width:955px;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.skip-section-btn-wrapper:focus-within{opacity:1;pointer-events:visible}.skip-section-btn{align-items:center;display:flex;z-index:10}.skip-section-btn,.skip-section-btn:hover{background-color:#fafbfc;background-color:var(--light-bg)}@media screen and (max-width:900px){.nav-wrapper{position:fixed}.skip-section-btn-wrapper{margin-left:6%}}@media screen and (max-width:600px){.skip-section-btn-wrapper{margin-left:0;margin-top:0}}.form-error-message{color:#d22222;color:var(--form-error-message-color);font-size:1.5rem;margin-top:4px}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}
/*# sourceMappingURL=main.c7140d62.css.map*/