:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:#e4e3e4;color:#242021;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.container{display:flex;align-items:center;margin-bottom:2em}a{font-family:Anton,sans-serif;font-size:1.25em;line-height:1;font-weight:600;color:#242021;text-decoration:none}a:hover{color:#c7201a}h1{font-size:3.2em;line-height:1.1}ul{padding:0}li{list-style:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (min-width: 640px){body{max-width:1350px}.List{gap:1em}}@media (min-width: 768px){body{max-width:1350px}.List{gap:1em}}@media (min-width: 1024px){body{max-width:1350px}.List{gap:1em}}@media (min-width: 1280px){body{max-width:1200px}#root{max-width:1450px}.List{gap:1em}}@media (min-width: 1500px){body{max-width:1515px}#root{max-width:1450px}.List{gap:1em}}@media (min-width: 1629px){#root{width:1600px;max-width:1629px;margin:0 auto}body{max-width:1920px}}@media (min-width: 1880px){#root{margin:0 auto}}@media (min-width: 1920px){#root{margin:0 auto;max-width:1900px}body{max-width:1920px}}#root{margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-Words h2{width:100%;font-family:Anton,sans-serif;text-transform:uppercase;font-size:5.5rem;font-weight:400}.aboutContainer{display:flex;justify-content:flex-end;width:100%;height:676px}.conect{display:flex;flex-direction:column;justify-content:space-between;width:506px;height:100%;background-color:#242021}.conect h1{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;color:#fff}.conect a{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;color:#c7201a;margin-bottom:20px}.textConect{display:flex;flex-direction:column;align-items:flex-start;padding:1em}.textConect a:hover{color:#fff}.logoJC{width:417px;height:311px}.aboutMe{width:100%;height:100%;background-color:#010101;display:flex}.textAbout{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:3em}.illustration{width:455px;height:641px;margin-top:2em}.textAbout h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2rem;font-weight:400;color:#fff}.textAbout p{font-family:Anton,sans-serif;font-weight:400;font-size:15px;color:#fff;max-width:362px;text-align:left}.creativeFrames{display:flex;align-items:center;justify-content:space-between;margin-left:1.5em}.cleancode{font-family:Anton,sans-serif;text-transform:uppercase;font-size:5.5rem;font-weight:400;text-align:left}.frames{font-family:Anton,sans-serif;text-transform:uppercase;font-size:4rem;font-weight:400;text-align:left}.textCreative{display:flex;margin-bottom:2em}.textdiv{width:750px;text-align:left}.textdiv p{font-weight:400;font-size:13px;width:350px;margin-bottom:2em}.textservices{width:360px;text-align:left}.textservices ul{padding:0}.container-recent{display:flex;justify-content:center}.recentproject{width:50%;background-color:#242021;color:#e3e3e3;display:flex;flex-direction:column;align-items:center;padding:1em}.recentproject h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.5rem;font-weight:400;color:#c7201a}.recentproject h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:5.5rem;font-weight:400;max-width:416px}.recentproject h3{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.5rem;font-weight:400;color:#c7201a}.recentproject p{max-width:354px}.recentproject ul{display:flex;justify-content:space-around;padding:0}.imageproject{width:100%;height:756px;background-color:#000;background-image:url(https://drive.google.com/file/d/1EFs6Uv9aKjU0zeCNcpi-ndwDFIW_NGtb/view)}.imageproject img{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.servicescontainer{display:flex;flex-direction:column;align-items:flex-start}.servicesTitle{font-family:Anton,sans-serif;text-transform:uppercase;font-size:5.5rem;font-weight:400;max-width:416px}.ServicesList{display:flex;flex-direction:column;align-items:flex-start}.List{height:255px;display:flex;align-items:center;justify-content:space-around}.title{width:22.5em;text-align:left}.List h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2rem;font-weight:400}.List h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:4rem;font-weight:400}.keys{width:11.25em;text-align:left}.List ul{display:flex;flex-direction:column;align-items:flex-start;padding:0}.List ul li{max-width:214px;color:#c7201a;font-family:Anton,sans-serif;text-transform:uppercase;font-size:1rem;font-weight:400}.number{width:12rem}.text{text-align:left;padding-left:1em}.List p{letter-spacing:-.04em;max-width:17em;font-size:1.25em;font-weight:500;line-height:1}.List img{width:231px;height:252px;background-color:#242021;object-fit:cover}footer{width:100%;background-color:#010101}.footerContainer{display:flex;flex-direction:column;align-items:flex-start;padding:2em}.footerContent{display:flex;flex-flow:column;align-items:flex-start;gap:1em}.footerContent button{font-family:Anton,sans-serif;color:#fff;background-color:#c7201a;border-radius:10px}.footerContent button:hover{border-color:#fff}.footerContent h2{font-size:1em;font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;color:#fff}.footerContent h2:hover{color:#c7201a}.footerContent ul{display:flex;padding:0}.footerContent ul li a{font-family:Anton,sans-serif;text-transform:uppercase;font-weight:400;color:#c7201a;margin-right:10px}.footerContent ul li a:hover{color:#fff}.relative-nav{display:flex;flex-flow:row;justify-content:space-between;position:relative;align-items:end}.nav{width:567px;height:108px}.nav nav{align-items:flex-start}.nav nav ul{display:flex;gap:1em;align-items:center;padding:0}.resume{font-family:Anton,sans-serif;font-size:1.25em;color:#fff;background-color:#c7201a;border-radius:10px;padding:.5rem}.resume:hover{background-color:#242021;border-color:#fff;color:#fff}.logo{width:800px;padding:0}.nav-header{display:flex;flex-flow:column;height:270px}.nav-header-subtitle{display:flex;justify-content:flex-end}.name{display:flex;color:#c7201a;font-weight:500;font-size:3em}.name_jeff{font-family:Anton,sans-serif;font-weight:500;line-height:1;margin-right:20px}.name_christian{font-family:Anton,sans-serif;font-weight:400;line-height:1}.nav-header-slogan{display:flex;justify-content:flex-end}.nav-header-slogan h1{font-family:Cal Sans,sans-serif;font-weight:500;line-height:1;font-size:1.25em}.nav-header-slogan h1 span{font-family:Arial,Helvetica,sans-serif,sans-serif;font-weight:400;line-height:1;font-size:1.05em}.worksContainer{text-align:left}.worksContainer h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2rem;font-weight:400}.worksContainer p{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1rem;font-weight:400;display:flex;align-items:center;gap:.5rem}.textWorks{color:#c7201a}.projects{display:grid;grid-template-columns:repeat(4,1fr);column-gap:16px;row-gap:40px;margin-top:2em;margin-bottom:2em;box-sizing:border-box}.top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:8px;margin-bottom:12px}.project-number,.projectType{font-family:Anton,sans-serif;font-size:1rem;color:#999}.card{display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;border-radius:6px}.card:hover{background-color:#c4c4c4;transition:background-color .3s ease-in-out}.frame{width:73%}.frame img{width:100%;height:100%;object-fit:cover}.single-project{background-color:#f7f7f7;padding:16px;border-radius:6px;margin-bottom:2em}.colums{width:100%;display:flex;flex-wrap:wrap;--columns: 12;column-gap:40px;transition:padding-left .2s ease,padding-right .2s ease;padding:0}.project-image{overflow:hidden;transition:opacity .3s ease}.project-image img{width:100%;height:100%;object-fit:cover}.col-right{text-align:left}.title{font-family:Anton,sans-serif;font-size:2em;font-weight:600;margin-bottom:.5em}.work-rows{margin-top:24px;box-sizing:border-box}.work-row{border-top:1px solid #ebebeb;padding:8px 0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:calc(30% + 40px)}.right{display:flex;align-items:center}.github{font-family:Inter,sans-serif;font-size:1em;font-weight:600;color:#242021;text-decoration:none}