.theme-dropdown{cursor:pointer}.theme-dropdown .color-selector{height:2rem;width:2rem;background-color:var(--primary);margin:3px 20px 0 20px;border-radius:100%;border:3px solid var(--primary);transition:.3s}.theme-dropdown .theme-dropdown-content{position:absolute;min-width:180px;transform:translateY(30px);right:20px;padding:15px 0 0 0;opacity:0;z-index:1;transition:.3s;visibility:hidden}.theme-dropdown .theme-dropdown-content .theme-dropdown-content-wrapper{padding:5px 5px;display:flex;flex-direction:column;background-color:var(--lightBackground);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border-radius:8px}.theme-dropdown .color-theme-choices{display:flex;padding:10px;border-radius:8px}.theme-dropdown .color-theme-choices .color-selector-pallette{display:flex;margin:0 10px 0 0}.theme-dropdown .color-theme-choices .color-selections{border-radius:100%;transition:.2s}.theme-dropdown .color-theme-choices.active,.theme-dropdown .color-theme-choices:hover{color:var(--primary);background-color:rgba(0,0,0,.3)}.theme-dropdown .color-theme-choices.active .color-selections,.theme-dropdown .color-theme-choices:hover .color-selections{border-radius:0}.theme-dropdown.open-dropdown .color-selector,.theme-dropdown:focus .color-selector{border:3px solid #fff}.theme-dropdown.open-dropdown .theme-dropdown-content,.theme-dropdown:focus .theme-dropdown-content{transform:translateY(0);opacity:1;visibility:visible}.block-overlay{z-index:20;position:absolute;top:0;left:0;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.intro{display:flex;-webkit-box-pack:center;-webkit-box-align:center;flex-direction:column;max-width:1000px;padding:0 30px}.intro .a-before-enter{opacity:0;transform:translateX(-30px);transition:.2s ease-in}.intro .a-enter{opacity:1;transform:translateX(0)}.intro h1{color:var(--primary);font-family:var(--font-mono)!important;font-size:25px;font-weight:lighter;margin:0}.intro h1 span{font-size:50px!important}.intro h2{font-size:clamp(2px,8vw,3rem);color:var(--white);margin:0}.intro h3{color:var(--slate);font-family:sans-serif;font-size:clamp(2rem,8vw,3rem);margin:0}.intro p{max-width:500px;color:var(--slate)}.intro .get-in-touch{border:1px solid var(--primary);border-radius:4px;font-size:14px;color:var(--primary);margin-top:30px}.intro .go-button:hover p{color:var(--primary)}.intro .go-button:hover .arrow-icon{transition:.2s;-webkit-animation:sigways 1s infinite;animation:sigways 1s infinite}@-webkit-keyframes sigways{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes sigways{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}.nav-mobile{display:none}.nav-mobile .show-bar-button{position:absolute;right:0;top:0;margin:20px}.nav-mobile .nav-front{position:fixed;height:100%;overflow:auto;background-color:var(--background);z-index:40;top:0;right:0;width:300px;margin-right:-300px;transition:all .3s}.nav-mobile .nav-front.show-nav{margin-right:0}.nav-mobile .nav-front .close-button{text-align:right;margin:20px;position:absolute;top:0;right:0}.nav-mobile .nav-front ul{list-style:none;display:flex;flex-direction:column;gap:20px;font-size:1.3rem}.nav-mobile .nav-front ul li{cursor:pointer}.nav-mobile .nav-front ul li div{padding:10px;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-mobile .nav-front ul li div.active{color:var(--primary)}.nav-mobile .nav-front ul.social-medias-in-nav{padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;visibility:hidden}.nav-mobile .nav-back{background-color:rgba(0,0,0,.4);height:0%;width:0;position:fixed;z-index:30;top:0;right:0}.nav-mobile .nav-back.show-nav{height:100%;width:100%}@media only screen and (max-width:1050px){.nav-mobile{display:block}}@media only screen and (max-width:768px){.nav-mobile .nav-front ul.social-medias-in-nav{visibility:visible}}@media only screen and (max-width:375px){.nav-mobile .nav-front{width:100%;margin-right:-385px}}main{margin:0 auto;max-width:1600px;counter-reset:section 0;margin-top:130px;min-height:70vh}@media only screen and (max-width:1186px){main{margin-top:100px;padding:0 110px}}@media only screen and (max-width:1050px){main{margin-top:80px;padding:0 110px}}@media only screen and (max-width:768px){main{margin-top:70px;padding:2px 20px}}@media only screen and (max-width:425px){main{padding:10px 10px 30px 10px}}.card-item{visibility:visible;background-color:var(--lightBackground);box-shadow:0 10px 30px -15px var(--navy-shadow);border-radius:var(--border-radius);transition:.2s;height:100%;max-width:300px}.card-item .card-item-inner{display:flex;justify-content:space-between;-webkit-box-align:center;flex-direction:column;gap:20px;padding:2rem 1.75rem;height:88%}.card-item .card-item-inner header{text-align:center}.card-item .card-item-inner header .item-top{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.card-item .card-item-inner header .item-top .header-logo,.card-item .card-item-inner header .item-top .header-logo .icon{color:var(--primary)!important}.card-item .card-item-inner header h3{margin:0 0 0;color:var(--lightestSlate);font-size:1.2rem;line-height:1.1}.card-item .card-item-inner header .item-des{margin-top:10px;color:var(--lightSlate);font-size:.9rem;line-height:1.2}.card-item .card-item-inner footer ul{display:flex;align-items:flex-end;flex-grow:1;flex-wrap:wrap;padding:0;gap:10px;list-style:none}.card-item .card-item-inner footer ul li{font-family:var(--font-mono);font-size:.8rem;color:var(--lightSlate);display:flex;align-items:center;gap:5px}.card-item .card-item-inner footer ul li .icon{color:var(--lightSlate)}.card-item:hover{transition-delay:0ms!important;transform:translateY(-5px);box-shadow:var(--black-shadow)}:root{--font-sans:"Calibre","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--fz-xs:13px;--fz-lg:18px;--nav-bg:rgba(10,25,47,0.85);--liteprimary:#172a45;--lightestPrimary:#303c55;--secondary:#424242;--accent:#82b1ff;--error:#ff5252;--info:#2196f3;--success:#4caf50;--warning:#ffc107;--black-shadow:0 10px 30px -15px #000;--nav-height:100px;--nav-scroll-height:70px;--border-radius:4px;--tab-height:50px;--tab-width:120px;--light-navy:#112240;--lightest-navy:#233554;--fz-xxl:22px}:root,[theme=greenLight]{--background:#0a192f;--lightBackground:#112240;--primary:#64ffda;--primary-darker:#349780;--slate:#8892b0;--lightSlate:#a8b2d1;--lightestSlate:#ccd6f6;--white:#e6f1ff;--navy-shadow:#020c1b;--linear-1:#ef4e7b;--linear-2:#a166ab;--linear-3:#5073b8;--linear-4:#1098ad;--linear-5:#07b39b;--linear-6:#6fba82}[theme=greenLight]{--image-cover:#64ffda;--nav-bg:rgba(10,25,47,0.85)}[theme=yellowOrange]{--primary:#f0a500;--image-cover:#f0a500;--primary-darker:#e45826;--background:#222;--lightBackground:#303030;--nav-bg:rgba(34,34,34,0.85);--slate:#d3d6df;--lightSlate:#c1c5d1;--lightestSlate:#dfe2eb;--white:#e6f1ff;--navy-shadow:#171717;--linear-1:#53354a;--linear-2:#903749;--linear-3:#e84545;--linear-4:#e45826;--linear-5:#f0a500;--linear-6:#e6d5b8}[theme=underTheSea]{--primary:#2aea5e;--image-cover:#2aea5e;--primary-darker:#00a941;--background:#021921;--lightBackground:#042631;--nav-bg:rgba(2,25,33,0.768);--navy-shadow:rgba(1,11,14,0.8);--linear-1:#a9eafc;--linear-2:#177c59;--linear-3:#00a941;--linear-4:#00a941;--linear-5:#328552;--linear-6:#147439}[theme=NightBurns],[theme=underTheSea]{--slate:#8892b0;--lightSlate:#a8b2d1;--lightestSlate:#ccd6f6;--white:#e6f1ff}[theme=NightBurns]{--primary:#fc595f;--image-cover:#fc595f;--primary-darker:#d2494e;--background:#151515;--lightBackground:#25251d;--nav-bg:rgba(21,21,21,0.713);--navy-shadow:rgba(0,0,0,0.8);--linear-1:#832e31;--linear-2:#a63c40;--linear-3:#d3494e;--linear-4:#e5585d;--linear-5:#df9395;--linear-6:#fff}[theme=lightBurn]{--primary:#b8005c;--image-cover:#ddd;--primary-darker:#ff5a6a;--background:#dcdcdc;--lightBackground:#e9e9e9;--nav-bg:hsla(0,0%,86.7%,0.734);--slate:#2b2b2b;--lightSlate:#3f3f3f;--lightestSlate:#444;--white:#1b1b1c;--navy-shadow:rgba(0,0,0,0.8);--linear-1:#b8005c;--linear-2:#b8005c;--linear-3:#b8005c;--linear-4:#b8005c;--linear-5:#b8005c;--linear-6:#b8005c}*,:after,:before{font-family:var(--font-mono);box-sizing:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}img{width:100%;max-width:100%;vertical-align:middle}.highlight:hover{color:var(--primary)}.cursor-pointer{cursor:pointer}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:var(--lightestPrimary)}::-webkit-scrollbar{width:5px;height:2px;background-color:var(--lightestPrimary)}::-webkit-scrollbar-thumb{background-color:var(--primary)}::-webkit-scrollbar-corner{background:var(--lightestPrimary)}*{scrollbar-width:thin;scrollbar-color:var(--lightestPrimary) #ccc}.s-loading{margin-bottom:10px}body{margin:0;width:100%;overflow-x:hidden;background-color:var(--background);color:var(--lightSlate)}p{-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;line-height:1.5}p,section{display:block}section{margin:0 auto;padding:0 0}a{color:inherit}a,p a{display:inline-block;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;position:relative;transition:var(--transition)!important;cursor:pointer}p a{color:var(--primary)}p a:after{content:"";display:block;width:0;height:1px;position:relative;bottom:.1em;background-color:var(--primary);transition:var(--transition)!important;opacity:.5}p a:hover:after{width:100%}.numbered-header{display:flex;align-items:center;justify-content:flex-start;position:relative;margin:10px 0 40px;width:100%;font-size:clamp(17px,5vw,32px);white-space:nowrap;color:var(--lightestSlate)}.numbered-header .front-icon{color:var(--primary)!important;margin-right:10px;width:50px}.numbered-header:after{content:"";display:block;position:relative;max-width:300px;width:100%;height:1px;margin-left:20px;background-color:var(--slate)}.header-des{max-width:500px;margin:20px 0}.route-enter-from,.route-leave-to{opacity:0;transform:translateY(-30px)}.route-enter-active,.route-leave-active{transition:all .3s ease}.route-enter-to,.route-leave-from{opacity:1;transform:translateY(0)}.link-button{border:1px solid var(--slate);padding:5px 10px;border-radius:8px;margin:5px 0;transition:.3s!important}.link-button:hover{border:1px solid var(--primary);color:var(--primary)}@media only screen and (max-width:425px){main p{font-size:.8rem!important}}.header{display:flex;align-items:center;position:fixed;top:0;z-index:11;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);transform:translateY(0);background-color:var(--nav-bg);height:var(--nav-height);filter:none!important;pointer-events:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.header.nav-min{height:70px;box-shadow:0 10px 20px -10px var(--navy-shadow)}.header.navbar--hidden{box-shadow:none;transform:translate3d(0,-100%,0)}.header nav{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;color:var(--lightest-slate);font-family:var(--font-mono);counter-reset:item 0;z-index:12}.header nav .logo-image a{font-size:40px;margin-left:50px;margin-top:-5px;cursor:pointer}.header nav .navs{display:flex;align-items:center;padding-right:3.75rem}.header nav .navs .resume-button{display:flex;justify-content:center;align-items:center;gap:10px}.header nav .navs ol{display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;list-style:none;counter-reset:item 0;gap:10px}.header nav .navs ol li{margin:0 5px;position:relative;counter-increment:item 1;display:flex;align-items:center;gap:7px;transition:.3s;cursor:pointer}.header nav .navs ol li div{color:var(--lightSlate);transition:.2s ease-in-out}.header nav .navs ol li div.active,.header nav .navs ol li div:hover{color:var(--primary)}.header nav .navs .a-before-enter{opacity:0;transform:translateY(-20px);transition-property:opacity,transform;transition-duration:.5s}.header nav .navs .a-enter{opacity:1;transform:translateY(0)}.header nav .show-mobile-nav-but{display:none}@media only screen and (max-width:1050px){.header{height:70px}.header.nav-min{height:60px;box-shadow:0 10px 20px -10px var(--navy-shadow)}.header nav .logo-image img{aspect-ratio:attr(width)/attr(height);width:35px;margin-left:20px;margin-top:0}.header nav .navs{display:none}.header nav .show-mobile-nav-but{display:block}}.gradient-border{--borderWidth:3px;position:relative;border-radius:var(--borderWidth);padding:5px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--background)}.gradient-border.bg{background-color:var(--background);color:var(--lightSlate)}.gradient-border:hover{background-color:var(--background);color:var(--primary)!important}.gradient-border:after{content:"";position:absolute;top:calc(var(--borderWidth)*-1);left:calc(var(--borderWidth)*-1);height:calc(100% + var(--borderWidth)*2);width:calc(100% + var(--borderWidth)*2);background:linear-gradient(60deg,var(--linear-1),var(--linear-2),var(--linear-3),var(--linear-4),var(--linear-5),var(--linear-6));border-radius:calc(var(--borderWidth)*2);z-index:-1;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}@-webkit-keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.social-network .social-media-orientation{display:flex;flex-direction:column;align-items:center}.social-network .social-media-placement{width:40px;position:fixed;bottom:0;z-index:10}.social-network .social-media{left:40px}.social-network .social-media .social-media-list{margin:0;padding:0;list-style:none}.social-network .social-media .social-media-list.a-before-enter{opacity:0;transform:translateX(-10px);transition:.2s 1s}.social-network .social-media .social-media-list.a-enter{opacity:1;transform:translateX(0)}.social-network .social-media .social-media-list li{padding:10px;transition:.2s ease-in-out;color:var(--lightSlate)}.social-network .social-media .social-media-list li:hover{transform:translateY(-4px)}.social-network .social-media .social-media-list li:hover .a-link{cursor:pointer;color:var(--primary)!important}.social-network .social-media .social-media-list:after{opacity:1;content:"";display:block;width:1px;height:90px;margin:0 auto;margin-top:20px;background-color:var(--lightSlate)}.social-network .email-media{left:auto;right:40px}.social-network .email-media.a-before-enter{opacity:0;transform:translateX(20px);transition:.2s 1.2s}.social-network .email-media.a-enter{opacity:1;transform:translateX(0)}.social-network .email-media .email-media-link{position:relative}.social-network .email-media .email-media-link .mail-link{opacity:.7;margin:20px auto;padding:10px;font-size:1.2rem;font-family:Courier New,Courier,monospace!important;letter-spacing:.1em;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;display:inline-block;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:inherit;position:relative;transition:.2s ease-in-out!important;cursor:pointer;color:var(--lightSlate)}.social-network .email-media .email-media-link .mail-link:hover{transform:translateY(-5px);color:var(--primary)!important;opacity:1}.social-network .email-media .email-media-link:after{opacity:1;content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:var(--lightSlate)}@media only screen and (max-width:1078px){.social-media{left:20px!important}.email-media{right:20px!important}}@media only screen and (max-width:768px){.social-network{display:none}}.about-me{z-index:5;max-width:1000px;visibility:visible;opacity:1;display:flex;flex-direction:column;align-items:center;align-content:center;min-height:80vh;justify-content:center}.about-me.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.about-me.a-enter{opacity:1;transform:translateY(0)}.about-me .about-me-inner{display:flex;flex-direction:row;gap:50px}.about-me .skill-list{display:flex;flex-wrap:wrap;padding:0;margin:20px 0 0;gap:10px;list-style:none}.about-me .skill-list li{font-family:var(--font-mono)!important;font-size:13px;transition:.1s ease-in-out;border:1px solid var(--slate);padding:9px;border-radius:3px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}.about-me .skill-list li:hover{color:var(--primary)!important;border:1px solid var(--primary)}.about-me .skill-list .a-before-enter{opacity:0;transform:translateY(20px);transition-property:opacity,transform}.about-me .skill-list .a-enter{opacity:1;transform:translateY(0)}.about-me .about-me-photo{position:relative}.about-me .about-me-photo .wrapper{display:block;position:relative;border-radius:10px;background-color:var(--image-cover);transition:var(--transition)}.about-me .about-me-photo .wrapper:after,.about-me .about-me-photo .wrapper:before{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:10px;transition:.3s}.about-me .about-me-photo .wrapper:before{top:0;left:0;mix-blend-mode:screen}.about-me .about-me-photo .wrapper:after{border:2px solid var(--primary);top:20px;left:20px;z-index:-1}.about-me .about-me-photo .wrapper .photo{border-radius:10px;height:300px!important;width:300px!important;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1);transition:.3s!important}.about-me .about-me-photo .wrapper .photo img{aspect-ratio:attr(width)/attr(height)}.about-me .about-me-photo .wrapper:hover{background-color:transparent}.about-me .about-me-photo .wrapper:hover .photo{mix-blend-mode:normal;filter:grayscale(0) contrast(1) brightness(90%)}.about-me .about-me-photo .wrapper:hover:after{top:10px;left:10px}.what-i-offer-content{margin:70px auto 10px auto;max-width:1000px;min-height:60vh}.what-i-offer-content .services-title{display:flex;flex-direction:column;align-items:center}.what-i-offer-content .services-title.a-view-before-enter{opacity:0;transform:translateY(20px);transition:.3s;transition-delay:.4s}.what-i-offer-content .services-title.a-view-enter{opacity:1;transform:translateY(0)}.what-i-offer-content .services-title h2{display:flex;align-items:center;font-size:clamp(17px,5vw,32px);margin:0 0 10px 0}.what-i-offer-content .services-title h2 .service-title-icon{margin-right:10px;color:var(--primary)}.what-i-offer-content .services-title p{margin:0}.what-i-offer-content .services-wrapper{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center}.what-i-offer-content .services-wrapper .services-item{margin:10px}.what-i-offer-content .services-wrapper .services-item.a-view-before-enter{opacity:0;transform:translateY(20px);transition:.3s}.what-i-offer-content .services-wrapper .services-item.a-view-enter{opacity:1;transform:translateY(0)}.modal-window .modal-window-bg{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.8);z-index:80}.modal-window .modal-window-content{position:fixed;z-index:90;top:0;left:0}.modal-window .modal-window-content .box{position:fixed;max-width:250px;background-color:var(--background);padding:20px;border-radius:10px;left:50%;margin-left:-125px;margin-top:20vh}.modal-window .modal-window-content .box .x-close-button{float:right;cursor:pointer;transition:.3s}.modal-window .modal-window-content .box .x-close-button:hover{color:var(--primary)}.modal-window .modal-window-content .box h1{margin:10px 0;display:flex;align-items:center;gap:10px;color:var(--primary);font-size:1.3rem}@media only screen and (max-width:856px){.about-me .skill-list{justify-content:center}.about-me .about-me-text-info{text-align:center}.about-me .about-me-inner{display:flex;flex-direction:column;gap:50px}.about-me .about-me-inner .about-me-photo{order:1;align-self:center}.about-me .about-me-inner .about-me-text{order:2;align-self:center}}@media screen and (max-width:553px){.modal-window .modal-window-content .box{position:fixed;max-width:250px;background-color:var(--background);padding:20px;left:45%;border-radius:10px;margin-left:-125px;margin-top:20vh}}.code-challenge{max-width:1000px}.code-challenge.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.code-challenge.a-enter{opacity:1;transform:translateY(0)}.code-challenge .code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;margin-top:50px;gap:20px}.code-challenge .code-grid .a-before-enter{opacity:0;transform:translateY(20px);transition:.2s ease-in-out}.code-challenge .code-grid .a-enter{opacity:1;transform:translateY(0)}.code-challenge .code-grid .code-item{visibility:visible;box-shadow:0 10px 30px -15px var(--navy-shadow);border-radius:var(--border-radius);transition:.2s;height:100%;z-index:1;background-color:var(--lightBackground)}.code-challenge .code-grid .code-item .code-item-inner{display:flex;justify-content:space-between;flex-direction:column;padding:2rem 1.75rem;height:88%}.code-challenge .code-grid .code-item .code-item-inner header .item-top{display:flex;align-items:center;margin-bottom:30px;justify-content:space-between}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-folder,.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-folder .icon{color:var(--primary)!important}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links{display:flex;margin-right:-15px;color:var(--lightSlate)!important}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle{padding:0 5px;cursor:pointer}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle .icon{color:var(--lightSlate)!important}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle:hover .icon{color:var(--primary)!important}.code-challenge .code-grid .code-item .code-item-inner header h3{margin:0 0 0;color:var(--lightestSlate);font-size:1.2rem;line-height:1.1}.code-challenge .code-grid .code-item .code-item-inner header .item-des{color:var(--lightSlate);font-size:.9rem;line-height:1.2}.code-challenge .code-grid .code-item .code-item-inner footer ul{display:flex;align-items:flex-end;flex-grow:1;flex-wrap:wrap;padding:0;gap:10px;list-style:none}.code-challenge .code-grid .code-item .code-item-inner footer ul li{font-family:var(--font-mono);font-size:.8rem;color:var(--lightSlate);display:flex;align-items:center;gap:5px}.code-challenge .code-grid .code-item .code-item-inner footer ul li .icon{color:var(--lightSlate)}.code-challenge .code-grid .code-item:hover{transform:translateY(-5px);box-shadow:var(--black-shadow);background-color:var(--lightBackground)}.contact-me{display:flex;-webkit-box-pack:center;-webkit-box-align:center;flex-direction:column;align-items:flex-start;max-width:1000px;min-height:50vh}.contact-me.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.contact-me.a-enter{opacity:1;transform:translateY(0)}.contact-me .form{margin-top:30px}.contact-me .social-icons{margin-bottom:20px}.contact-me .social-icons ul{list-style:none;display:flex;flex-direction:row;padding-left:0}.contact-me .social-icons ul li{margin:10px}.contact-me .social-icons ul li .icons{color:var(--v-slate-base)}.contact-me .social-icons ul li:hover .icons{color:var(--v-primary-base)}.my-work{display:flex;flex-direction:column;min-height:50vh}.my-work .inner{margin-top:30px;display:flex;gap:10px}.my-work .inner .tab-list{position:relative;z-index:3;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0;margin:20px 0 0 0;list-style:none}.my-work .inner .tab-list li{height:var(--tab-height)}.my-work .inner .tab-list li div{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;position:relative;transition:var(--transition);cursor:pointer;display:flex;align-items:center;height:var(--tab-height);padding:0 20px 2px;border-left:2px solid var(--lightBackground);background-color:transparent;color:var(--slate);font-family:var(--font-mono);text-align:left;white-space:nowrap;font-size:.8rem}.my-work .inner .tab-list li.active{background-color:var(--lightBackground)}.my-work .inner .tab-list li.active div{color:var(--primary)}.my-work .inner .tab-list li:hover{background-color:var(--lightBackground)}.my-work .inner .tab-list .slider{position:absolute;top:0;left:0;z-index:10;width:2px;height:var(--tab-height);border-radius:var(--border-radius);background:var(--primary);transition:transform .25s cubic-bezier(.645,.045,.355,1) .1s}.my-work .inner .company-details{width:100%;height:auto;padding-left:30px;padding-top:10px}.my-work .inner .company-details h3{margin-bottom:5px;font-size:1.5rem;font-weight:500;margin:0}.my-work .inner .company-details h3 a,.my-work .inner .company-details h3 span{font-family:var(--font-sans)}.my-work .inner .company-details h3 .company{color:var(--primary)}.my-work .inner .company-details p.range{margin-bottom:30px;margin-top:0;color:var(--light-slate);font-size:var(--fz-xs)}.my-work .inner .company-details p.range .present-work{color:var(--primary);font-weight:800}.my-work .inner .company-details ul{padding:0;margin:0;list-style:none;font-size:var(--fz-lg)}.my-work .inner .company-details ul li{position:relative;padding-left:30px;margin-bottom:10px;font-size:.9rem}.my-work .inner .company-details ul li p{margin:0}.my-work .inner .company-details ul li p b{font-style:italic}.my-work .inner .company-details ul li:before{content:"▹";position:absolute;left:0;color:var(--primary)}.my-work .inner .company-details.a-before-enter{opacity:0;transform:translateY(20px);transition:.5s}.my-work .inner .company-details.a-enter{opacity:1;transform:translateY(0)}@media only screen and (max-width:600px){.my-work .inner{display:block}.my-work .inner .tab-list{display:flex;overflow-x:auto;overflow-y:hidden;width:calc(100% + 50px);margin-left:-50px;margin-bottom:30px}.my-work .inner .tab-list li:first-of-type{margin-left:50px}.my-work .inner .tab-list li div{display:flex;justify-content:center;align-items:center;min-width:90px;padding:0 15px;border-left:0;border-bottom:2px solid var(--lightest-navy);text-align:center}.my-work .inner .tab-list .slider{top:auto;bottom:0;width:100%;max-width:var(--tab-width);height:2px;margin-left:50px}.my-work .inner .company-details{padding-left:0}}.my-work{margin:0 auto;max-width:1000px}.my-work.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.my-work.a-enter{opacity:1;transform:translateY(0)}.my-work .work-info{visibility:visible;opacity:1;margin:50px 0;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.my-work .work-info.a-before-enter{opacity:0;transform:translateY(20px);transition:.2s ease-in-out .4s}.my-work .work-info.a-enter{opacity:1;transform:translateY(0)}.my-work .work-info .left-content{position:relative;grid-area:2/2/1/7}.my-work .work-info .right-image{position:relative;grid-area:1/6/-1/-1}.my-work .work-info .right-content{position:relative;grid-area:1/7/-1/-2;text-align:right}.my-work .work-info .left-image{position:relative;grid-area:1/1/1/8}.my-work .work-info .work-info-details p{margin:0!important}.my-work .work-info .work-info-details .info-overline{margin:10px 0;color:var(--primary);font-family:var(--font-mono)!important;font-size:13px;font-weight:400}.my-work .work-info .work-info-details .info-title{margin:0 0 20px;font-size:clamp(18px,5vw,23px);color:var(--lightestSlate)!important}.my-work .work-info .work-info-details .info-des-container{box-shadow:var(--black-shadow);transition:var(--transition);position:relative;z-index:2;padding:25px;border-radius:var(--border-radius);background-color:var(--lightBackground);color:var(--lightSlate);font-size:18px}.my-work .work-info .work-info-details .info-des-container p{font-size:1rem}.my-work .work-info .work-info-details .info-tech-list{justify-content:flex-start;display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px;padding:0;list-style:none}.my-work .work-info .work-info-details .info-tech-list li{color:var(--lightSlate);font-family:var(--font-mono)!important;font-size:var(--fz-xs);white-space:nowrap;margin-right:15px}.my-work .work-info .work-info-details .work-links{justify-content:flex-start;margin-left:0;margin-right:-10px;display:flex;align-items:center;position:relative;margin-top:10px;margin-left:-10px;color:var(--lightestSlate)}.my-work .work-info .work-info-details .work-links .work-links-toggle{padding:10px;cursor:pointer}.my-work .work-info .work-info-details .work-links .work-links-toggle .highlight-hover{color:var(--slate)!important}.my-work .work-info .work-info-details .work-links .work-links-toggle:hover .highlight-hover{color:var(--primary)!important}.my-work .work-info .work-info-details .work-links-right{justify-content:flex-end!important}.my-work .work-info .work-info-details .work-links-left{justify-content:flex-start!important}.my-work .work-info .work-info-image{transition:var(--transition)}.my-work .work-info .work-info-image .work-info-image-link{width:100%;background-color:var(--image-cover);border-radius:var(--border-radius);vertical-align:middle;cursor:pointer;transition:.25s!important}.my-work .work-info .work-info-image .work-info-image-link:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:3;transition:var(--transition);background-color:var(--navy);mix-blend-mode:screen}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping{position:relative;overflow:hidden;border-radius:var(--border-radius);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%)}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping .front-filter{width:100%;padding-bottom:62.2857%}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:1;vertical-align:middle}.my-work .work-info .work-info-image .work-info-image-link:hover{background-color:transparent}.my-work .work-info .work-info-image .work-info-image-link:hover .image-wrapping{filter:grayscale(0) contrast(1) brightness(90%)}@media only screen and (max-width:768px){.my-work{padding:0 0}.my-work .work-info{display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.my-work .work-info .left-content{grid-column:1/-1;padding:40px 40px 30px;z-index:5}.my-work .work-info .right-image{grid-column:1/-1;height:100%;opacity:.25}.my-work .work-info .right-content{grid-column:1/-1;padding:40px 40px 30px;z-index:5}.my-work .work-info .left-image{grid-column:1/-1;height:100%;opacity:.25}}.my-footer{justify-content:center;width:100%;padding:50px 0}.my-footer,.my-footer .footer-toggle-link{display:flex;align-items:center;flex-direction:column}.my-footer .footer-toggle-link{cursor:pointer;color:var(--lightSlate);padding:0 20px}.my-footer .footer-toggle-link .copy-right{display:flex;align-items:center;gap:10px}.my-footer .footer-toggle-link:hover,.my-footer .icon-highlight{color:var(--primary)}.my-footer.a-before-enter{opacity:0;transform:translateX(20px);transition:.5s}.my-footer.a-enter{opacity:1;transform:translateY(0)}.modal-enter-active,.modal-leave-active{transition:.3s}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.8) translateY(100px) rotate(.5turn)}.modalBg-enter-active,.modalBg-leave-active{transition:.3s}.modalBg-enter-from,.modalBg-leave-to{opacity:0;transform:scale(1) translateY(0) rotate(0turn)}.customTooltip{position:relative;z-index:99;right:0}.customTooltip:hover:after{background:#eee;border-radius:5px;bottom:-33px;color:#000;content:attr(gloss);right:0;padding:5px 15px;position:absolute;z-index:98;width:auto;white-space:nowrap;box-shadow:3px 3px 5px rgba(0,0,0,.3)}.customTooltip:hover:before{border:solid;border-color:#ddd transparent;border-width:0 6px 6px 6px;bottom:-4px;content:"";left:40%;position:absolute;z-index:99}