@font-face{font-display:swap;font-family:Satoshi;font-style:normal;font-weight:300 900;src:url(../../../../johnodev/dist/fonts/satoshi/Satoshi-Variable.woff2) format("woff2"),url(../../../../johnodev/dist/fonts/satoshi/Satoshi-Variable.woff) format("woff"),url(../../../../johnodev/dist/fonts/satoshi/Satoshi-Variable.ttf) format("truetype")}@font-face{font-display:swap;font-family:Satoshi-Italic;font-style:italic;font-weight:300 900;src:url(../../../../johnodev/dist/fonts/satoshi/Satoshi-VariableItalic.woff2) format("woff2"),url(../../../../johnodev/dist/fonts/satoshi/Satoshi-VariableItalic.woff) format("woff"),url(../../../../johnodev/dist/fonts/satoshi/Satoshi-VariableItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Darker-Grotesque;font-style:normal;font-weight:300 900;src:url(../../../../johnodev/dist/fonts/darker-grotesque/DarkerGrotesque-VariableFont_wght.ttf) format("truetype")}*{font-family:Darker-Grotesque,Satoshi,sans-serif}body{font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.4}html[data-theme=dark] body{color:hsla(0,0%,100%,.541)}html[data-theme=dark] .eyebrow:before,html[data-theme=dark] .pre-heading:before{background:rgba(0,0,0,.102)}html[data-theme=light] .eyebrow:before,html[data-theme=light] .pre-heading:before{background:var(--col-light)}.eyebrow,.pre-heading{-webkit-background-clip:text;background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#a478e8),to(#516cf7));background-image:linear-gradient(90deg,#a478e8,#516cf7);border-radius:4px;color:transparent;display:inline-block;font-size:14px;padding:2px 8px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.eyebrow:before,.pre-heading:before{border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Satoshi,Darker-Grotesque,sans-serif;font-weight:600}h1 em,h1 i,h2 em,h2 i,h3 em,h3 i,h4 em,h4 i,h5 em,h5 i,h6 em,h6 i{font-family:Satoshi-Italic,Darker-Grotesque,sans-serif!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}p b,p strong{color:var(--col-white)}a.button,input[type=submit],span.button{background:var(--col-white);border-color:hsla(0,0%,100%,.102);border-radius:50px;color:var(--col-black);overflow:hidden;padding:.6em 1.4em;position:relative;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.4s ease;transition:.4s ease}a.button:hover,input[type=submit]:hover,span.button:hover{background:var(--col-accent);color:var(--col-white)}a.button:active,input[type=submit]:active,span.button:active{-webkit-transform:scale(.8);transform:scale(.8)}.theme-johnodesigns .services-cards.jd__grid .jd-services__card{border:none;outline:1px solid hsla(0,0%,100%,.102);padding:0;position:relative;text-decoration:none;-webkit-transition:.3s cubic-bezier(.25,0,.1,1);transition:.3s cubic-bezier(.25,0,.1,1)}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .img img{height:70px;position:relative}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .img svg.lucide{color:var(--col-white);height:26px;position:absolute;right:20px;stroke-width:0px;top:20px;-webkit-transition:.3s cubic-bezier(.25,0,.1,1);transition:.3s cubic-bezier(.25,0,.1,1);width:26px}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap{padding:1.4rem}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h1,.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h2,.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h3,.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h4,.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h5,.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap h6{margin-top:.4em}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap .jd-services__cats .jd-services__cat{-webkit-background-clip:text;background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#a478e8),to(#516cf7));background-image:linear-gradient(90deg,#a478e8,#516cf7);border-radius:4px;color:transparent;display:inline-block;font-size:.875rem;font-weight:400;padding:2px 8px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.theme-johnodesigns .services-cards.jd__grid .jd-services__card .content-wrap .jd-services__cats .jd-services__cat:before{border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.theme-johnodesigns .services-cards.jd__grid .jd-services__card:hover{outline-color:var(--col-accent);outline-offset:3px;outline-width:2px}.theme-johnodesigns .services-cards.jd__grid .jd-services__card:hover svg.lucide{stroke-width:1px;-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px)}.theme-johnodesigns.single-post .outer-container{max-width:1440px}.theme-johnodesigns.single-post .outer-container .left .author-info,.theme-johnodesigns.single-post .outer-container .right .author-info{margin-bottom:3rem;margin-top:clamp(2.25rem,4vw,3rem)}.theme-johnodesigns.single-post .outer-container .left .author-info .author-wrap,.theme-johnodesigns.single-post .outer-container .right .author-info .author-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px}.theme-johnodesigns.single-post .outer-container .left .author-info .author-wrap img,.theme-johnodesigns.single-post .outer-container .right .author-info .author-wrap img{aspect-ratio:1/1;border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:50px}.theme-johnodesigns.single-post .outer-container .left .author-info .author-wrap div p,.theme-johnodesigns.single-post .outer-container .right .author-info .author-wrap div p{font-size:.875rem;margin:0}.theme-johnodesigns.single-post .outer-container .left .author-info .author-wrap div p.author,.theme-johnodesigns.single-post .outer-container .right .author-info .author-wrap div p.author{color:var(--col-white);font-size:1rem;font-weight:600}.theme-johnodesigns.single-post .outer-container .left .nav,.theme-johnodesigns.single-post .outer-container .right .nav{margin-bottom:3rem}.theme-johnodesigns.single-post .outer-container .left .nav a,.theme-johnodesigns.single-post .outer-container .right .nav a{color:var(--col-white);font-weight:500}.theme-johnodesigns.single-post .outer-container .left .card,.theme-johnodesigns.single-post .outer-container .right .card{margin-bottom:3rem}.theme-johnodesigns.single-post .outer-container .center h1,.theme-johnodesigns.single-post .outer-container .center h2,.theme-johnodesigns.single-post .outer-container .center h3,.theme-johnodesigns.single-post .outer-container .center h4,.theme-johnodesigns.single-post .outer-container .center h5,.theme-johnodesigns.single-post .outer-container .center h6{font-size:calc(clamp(2.25rem, 4vw, 3rem)*1.2)}.theme-johnodesigns.single-post .outer-container .center a,.theme-johnodesigns.single-post .outer-container .center li,.theme-johnodesigns.single-post .outer-container .center p,.theme-johnodesigns.single-post .outer-container .center span,.theme-johnodesigns.single-post .outer-container .center ul{font-size:1.2rem}.theme-johnodesigns.single-post .outer-container .center .breadcrumbs{margin-top:clamp(2.25rem,4vw,3rem)}.theme-johnodesigns.single-post .outer-container .center{margin-bottom:3rem}.posts .card,.section-posts .card{aspect-ratio:3/4;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;justify-content:flex-end;outline:1px solid hsla(0,0%,100%,.102);overflow:hidden;padding:1.2rem;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.posts .card a,.section-posts .card a{height:100%}.posts .card a .post__image,.posts .card a picture,.section-posts .card a .post__image,.section-posts .card a picture{aspect-ratio:3/4;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.posts .card a .post__image img,.posts .card a picture img,.section-posts .card a .post__image img,.section-posts .card a picture img{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.posts .card a .post__image:after,.posts .card a .post__image:before,.posts .card a picture:after,.posts .card a picture:before,.section-posts .card a .post__image:after,.section-posts .card a .post__image:before,.section-posts .card a picture:after,.section-posts .card a picture:before{border-radius:20px;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;width:100%;z-index:1}.posts .card a .post__image:after,.posts .card a picture:after,.section-posts .card a .post__image:after,.section-posts .card a picture:after{background:linear-gradient(45deg,var(--col-dark),transparent);opacity:.6}.posts .card a .post__image:before,.posts .card a picture:before,.section-posts .card a .post__image:before,.section-posts .card a picture:before{background:linear-gradient(45deg,var(--col-accent),transparent);opacity:.2}.posts .card .content,.section-posts .card .content{pointer-events:none;z-index:1}.posts .card .content h2,.posts .card .content h3,.posts .card .content h4,.posts .card .content h5,.posts .card .content h6,.section-posts .card .content h2,.section-posts .card .content h3,.section-posts .card .content h4,.section-posts .card .content h5,.section-posts .card .content h6{color:var(--col-white)}.posts .card .content p,.section-posts .card .content p{font-size:inherit}.posts .card:hover,.section-posts .card:hover{outline:2px solid var(--col-accent);outline-offset:5px}.posts .card:hover .post__image:before,.posts .card:hover picture:before,.section-posts .card:hover .post__image:before,.section-posts .card:hover picture:before{opacity:.8}.posts .card:hover .post__image:after,.posts .card:hover picture:after,.section-posts .card:hover .post__image:after,.section-posts .card:hover picture:after{opacity:.4}.posts .card:hover .post__image img,.posts .card:hover picture img,.section-posts .card:hover .post__image img,.section-posts .card:hover picture img{-webkit-transform:scale(1.1);transform:scale(1.1)}.posts .card:hover .lucide,.section-posts .card:hover .lucide{opacity:1;stroke-width:1px}