/*! CSS Used from: Embedded */
body{transition:opacity ease-in 0.2s;}
/*! CSS Used from: https://georgefrancis.dev/main.css?b728-ff26-4c65 */
html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0;}
body{line-height:1;}
h1,h2,h3{font-size:inherit;font-weight:inherit;}
ul{list-style:none;}
img,picture{display:block;height:auto;max-width:100%;}
input{font:inherit;}
@media (prefers-reduced-motion: reduce){
*{transition:none!important;}
}
:root{--spacing-0:0;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-88:22rem;--spacing-96:24rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-sans:"Nunito", system-ui;--gray-900:hsl(250, 35%, 15%);--gray-800:hsl(250, 28%, 19%);--gray-700:hsl(250, 19%, 27%);--gray-600:hsl(250, 14%, 34%);--gray-500:hsl(250, 9%, 46%);--gray-400:hsl(250, 11%, 65%);--gray-300:hsl(250, 2%, 84%);--gray-200:hsl(250, 13%, 91%);--gray-100:hsl(250, 14%, 96%);--gray-000:hsl(245, 33%, 98%);--purple-light:#f0f1ff;--purple:#7257fa;--purple-dark:#3c2e7f;--green:#48cb8a;--red:#f25c54;--yellow:#ffd53d;--tracking-tight:-0.025em;--tracking-tighter:-0.05em;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--body-padding:var(--spacing-12);}
.center-xy{display:grid;place-items:center;}
.wrapper{width:100%;margin:0 auto;max-width:1280px;}
.footer{width:100%;position:relative;display:flex;flex-direction:column;margin-top:var(--spacing-52);height:var(--spacing-80);margin-left:calc(var(--body-padding) * -1);width:calc(100% + calc(var(--body-padding) * 2));}
.footer__wave{width:100%;flex-shrink:0;overflow:visible;}
.footer__wave path{fill:var(--gray-000);}
.footer__bg{width:100vw;height:100%;flex-grow:1;background:var(--gray-000);}
.footer__content{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:var(--spacing-20);display:flex;justify-content:center;align-items:center;flex-direction:column;}
.footer__copywrite{margin-top:var(--spacing-8);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--gray-600);}
.footer__icons{display:flex;}
.footer__icons li{margin:0 var(--spacing-3);}
.footer__icons li svg{color:var(--gray-600);}
.footer__icons a{color:var(--gray-600);display:flex;}
@media only screen and (max-width: 768px){
.footer{margin-top:var(--spacing-32);}
}
.nav{display:flex;align-items:center;/* margin-top:var(--spacing-8); */margin-bottom:var(--spacing-32);position: fixed;height: 80px;flex-grow:0;max-width: 1797px;width: 100%;/* padding: 0px 349px; */background-color: white;z-index: 1;}
.nav__menu{display:none;}
.nav__home{display:flex;color:currentColor;}
.nav__eyes{display:flex;height:1.25rem;}
.nav__items{display:flex;margin-left:auto;}
.nav__item{font-weight:700;font-size:var(--text-base);margin-right:var(--spacing-12);}
.nav__item:last-of-type{margin-right: 40px;}
.nav__item-link{text-decoration:none;color:currentColor;outline-offset:var(--spacing-4);}
.nav__item-link:hover,.nav__item-link:focus{color:var(--purple);}
@media {
.nav{/* margin-top:var(--spacing-4); */margin-bottom:var(--spacing-20);flex-wrap:wrap;align-items:center;}

nav.nav.wrapper {}

nav.nav.wrapper {
}
.nav__item{margin-right:var(--spacing-10);}
.nav__menu{margin-left:auto;width:2.25rem;}
}
.section-heading{position:relative;display:inline-block;margin-bottom:var(--spacing-16);line-height:var(--leading-none);}
.section-heading:before{position:absolute;bottom:-24px;left:0;content:"";width:100%;height:4px;border-radius:99999px;background:var(--yellow);transform:rotate(-1deg);}
.section-heading--variant:before{transform:rotate(1deg);}
html,body{overflow-x:hidden;position:relative;}

body{position:relative;color:var(--gray-900);font-family:var(--font-sans);padding:0 var(--body-padding);font-feature-settings:"ss01" on,"ss02" on,"kern" on;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);overflow-x:hidden;}

@media only screen and (max-width: 1104px){
:root{--body-padding:var(--spacing-8);}
}
@media only screen and (max-width: 600px){
:root{--body-padding:var(--spacing-4);}
}
h1,h2,h3{font-weight:var(--font-bold);line-height:var(--leading-tight);}
h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);}
.btn{height:var(--spacing-14);font-weight:var(--font-bold);background:var(--gray-900);border-radius:99999999px;border:0;padding:0 var(--spacing-10);color:#fff;cursor:pointer;}
.btn--secondary{background:var(--purple-light);border:0;color:var(--purple-dark);}
.btn--secondary:hover{text-decoration:underline;text-decoration-thickness:2px;}
a.btn{display:grid;place-items:center;text-decoration:none;}
.post-tag{display:grid;place-items:center;height:var(--spacing-8);padding:0 var(--spacing-3);background:var(--purple-light);font-weight:var(--font-bold);color:var(--purple-dark);border-radius:var(--spacing-2);cursor:pointer;font-size:var(--text-xs);line-height:1;transition:background 125ms ease,color 125ms ease;}
.post-tag:hover,.post-tag:focus{background:var(--purple);color:#fff;}
a.post-tag{color:var(--purple-dark);text-decoration:none;}
:focus{outline-offset:4px;outline-color:var(--purple);}
::selection{background:var(--purple-light);}
.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}
main:focus{outline:none;}
/*! CSS Used from: https://georgefrancis.dev/home.css?b728-ff26-4c65 */
.hero{position:relative;margin:0 auto;padding:0 var(--spacing-20);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-52);margin-top: 212px;border-radius:var(--spacing-3);}
.hero__hey{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-8);line-height:var(--leading-none);}
.hero__about-title{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);font-weight:var(--font-extrabold);margin-bottom:var(--spacing-10);}
.hero__about-title span{color:var(--purple);}
.hero__about{font-size: 17px;margin-bottom:var(--spacing-14);line-height:var(--leading-relaxed);font-weight: 400;color:var(--gray-700);}
.hero__avatar{position:relative;width:100%;padding-left:6rem;}
.hero__avatar-me{width:100%;height:100%;}
.hero__avatar-blob{position:absolute;width:var(--spacing-16);}
.hero__avatar-blob--codepen{top:-4rem;left:2rem;transform:rotate(-20deg);}
.hero__avatar-blob--article{top:2rem;right:-6rem;transform:rotate(20deg);}
.hero__avatar-blob--paint{bottom:-4rem;right:-2rem;}
.hero__buttons{display:flex;}
.hero__buttons .btn{width:100%;max-width: 300px;}
.hero__buttons .btn:first-of-type{--x:-200%;--y:-200%;margin-right:var(--spacing-4);background:var(--purple);transition:transform 125ms ease,box-shadow 125ms ease;background:radial-gradient(circle at var(--x) var(--y), #8e79f6, var(--purple));}
.hero__buttons .btn:first-of-type:hover{transform:scale(1.05);box-shadow:0px 8px 16px 0px rgba(114,87,250,.375);}
.hero__buttons .btn:nth-of-type(2){background:var(--purple-light);border:0;color:var(--purple-dark);}
.home{position:relative;margin-bottom:var(--spacing-52);display:grid;grid-template-columns:1fr calc(var(--spacing-88) + var(--spacing-2));grid-gap:var(--spacing-16);}
.home__blob{position:absolute;width:32rem;bottom:-6rem;right:-20rem;transform:rotate(-15deg);}
.explore-tags{position:relative;height:60%;padding-top:var(--spacing-16);}
.explore-tags__sticky{position:sticky;top:var(--spacing-10);}
.explore-tags__tags{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-16);}
.explore-tags__tags>*{margin-right:var(--spacing-2);margin-bottom:var(--spacing-2);}
.recently-published{position:relative;padding-top:var(--spacing-16);}
.recently-published__posts{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-9);}
.recently-published__posts:before{position:absolute;top:0;left:calc(12.5% - calc(var(--spacing-9) / 2));content:"";width:calc(75% + calc(var(--spacing-9) / 2));height:calc(100% + var(--spacing-10));background:var(--gray-000);z-index:-1;transform:skewY(2deg);background-image:url(https://georgefrancis.dev/cfbf2287eea9408e6a80.svg);background-size:cover;}
.recently-published__posts:before path{stroke:var(--gray-200);stroke-dasharray:4;}
.recently-published__post{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--spacing-3);background:#fff;transform:translateZ(0px);padding:var(--spacing-7);box-shadow:0px 8px 16px 0px rgba(0,0,0,.025);overflow:hidden;transition:box-shadow 250ms ease;}
.recently-published__post-title{font-size:var(--text-xl);margin-bottom:var(--spacing-5);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);font-weight:var(--font-extrabold);padding-right:var(--spacing-7);}
.recently-published__post-excerpt{color:var(--gray-700);margin-bottom:var(--spacing-7);hyphens:auto;}
.recently-published__post-date{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--leading-none);font-weight:var(--font-semibold);}
.recently-published__post-footer{display:flex;align-items:center;}
.recently-published__post-arrow{position:absolute;bottom:0;right:0;width:var(--spacing-8);height:var(--spacing-8);content:">";background:var(--purple);border-top-left-radius:var(--spacing-3);border-bottom-right-radius:var(--spacing-3);transition:background-color 125ms ease;}
.recently-published__post-arrow svg{width:var(--spacing-4);transition:transform 125ms ease;}
.recently-published__post:hover,.recently-published__post:focus,.recently-published__post:active{box-shadow:0px 8px 16px 0px rgba(0,0,0,.05);}
.recently-published__post:hover .recently-published__post-title,.recently-published__post:focus .recently-published__post-title,.recently-published__post:active .recently-published__post-title{text-decoration:underline;color:var(--purple);}
.recently-published__post:hover .recently-published__post-arrow,.recently-published__post:focus .recently-published__post-arrow,.recently-published__post:active .recently-published__post-arrow{background:var(--purple-dark);color:#fff;}
.recently-published__post:hover .recently-published__post-arrow svg,.recently-published__post:focus .recently-published__post-arrow svg,.recently-published__post:active .recently-published__post-arrow svg{transform:translateX(20%);}
.recently-published__view-all{position:relative;width:100%;background:#352970;color:#fff;text-decoration:none;border-radius:var(--spacing-2);text-align:center;font-weight:var(--font-bold);height:var(--spacing-24);overflow:hidden;text-underline-offset:var(--spacing-1);transform:translate3d(0px, 0px, 0px);box-shadow:0px 8px 24px 0px rgba(53,41,112,.25);transition:box-shadow 250ms ease;}
.recently-published__view-all svg{position:absolute;opacity:.075;}
.recently-published__view-all svg:nth-of-type(1){top:-225%;width:80%;right:-20%;}
.recently-published__view-all svg:nth-of-type(1) path{fill:var(--purple-light);}
.recently-published__view-all svg:nth-of-type(2){top:-30%;width:80%;left:-30%;}
.recently-published__view-all svg:nth-of-type(2) path{fill:var(--purple-light);}
.recently-published__view-all span{position:relative;z-index:1;}
.recently-published__view-all:hover{box-shadow:0px 8px 24px 0px rgba(53,41,112,.5);text-decoration:underline;text-decoration-thickness:2px;}
.recently-published__blob{position:absolute;width:600px;z-index:-1;}
.recently-published__blob--2{bottom:-300px;right:-160px;}
.sketches{position:relative;display:flex;flex-wrap:wrap;margin-top:var(--spacing-60);margin-bottom:var(--spacing-52);}
.sketches__header{width:100%;}
.sketches__grid{width:100%;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:var(--spacing-16);margin-top:var(--spacing-4);}
.sketches__grid-item{position:relative;}
.sketches__grid-item-img{position:relative;width:100%;padding-top:56.25%;border-radius:var(--spacing-2);overflow:hidden;}
.sketches__grid-item-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.sketches__grid-item a{text-decoration:none;outline:none;}
.sketches__grid-item-title{position:relative;margin-top:var(--spacing-3);font-weight:var(--font-bold);color:var(--gray-800);z-index:1;pointer-events:none;display:flex;align-items:center;line-height:1;}
.sketches__grid-item-title svg{width:var(--spacing-4);margin-left:auto;opacity:0;transform:translateY(25%) translateX(0%);transition:transform 125ms ease,opacity 125ms ease;}
.sketches__grid-item-title svg *{vector-effect:non-scaling-stroke;stroke-width:1.5;}
.sketches__grid-item:nth-of-type(odd){transform:rotate(2deg);}
.sketches__grid-item:nth-of-type(even){transform:rotate(-2deg);}
.sketches__grid-item:hover .sketches__grid-item-title{color:var(--purple);}
.sketches__grid-item:hover .sketches__grid-item-title:after{opacity:1;}
.sketches__grid-item:hover .sketches__grid-item-title svg{opacity:1;transform:translateY(0) translateX(0);}
.sketches .btn{margin-left:auto;margin-top:var(--spacing-20);}
@media only screen and (max-width: 1344px){
.hero{padding:0;}
.hero__avatar-blob{display:none;}
.home{grid-gap:0;}
.home__blob{bottom:-16rem;right:2rem;width:14rem;}
.recently-published{grid-column:-1/1;}
.explore-tags{width:50%;height:100%;grid-column:-1/1;padding-top:0;margin-top:var(--spacing-52);}
.explore-tags__tags{margin-bottom:0;}
.explore-tags__sticky{position:static;top:unset;}
.sketches__grid{grid-template-columns:1fr 1fr;}
}
@media only screen and (max-width: 1104px){
.hero{position:relative;grid-template-columns:34rem 1fr;}
}
@media only screen and (max-width: 960px){
.hero{grid-template-columns:1fr;}
.hero__avatar{position:relative;grid-row:1;margin:0;width:100%;padding-left:0;margin-bottom:var(--spacing-20);}
.hero__avatar-me{display:block;max-width:75%;margin:0 auto;}
.hero__avatar-blob{width:var(--spacing-11);display:block;top:0;left:0;}
.hero__avatar-blob--paint{top:auto;bottom:-1rem;right:3rem;left:auto;}
.hero__avatar-blob--article{left:auto;right:1rem;top:-1rem;}
.hero__avatar-blob--codepen{top:4rem;left:0rem;}
.hero__about-title{font-size:var(--text-3xl);}
}
@media only screen and (max-width: 768px){
.hero__hey{font-size:var(--text-lg);}
.section-heading:before{bottom:-20px;}
.home{grid-template-columns:1fr;}
.home__blob{width:4rem;bottom:-5rem;right:2rem;transform:rotate(-180deg);}
.recently-published{padding-top:0;}
.recently-published__view-all{width:100%;height:var(--spacing-20);}
.recently-published__posts{position:relative;grid-template-columns:1fr;padding-top:calc(var(--body-padding) * 2);grid-gap:var(--spacing-7);}
.recently-published__posts:before{left:calc(var(--body-padding) * -1);width:calc(100% + calc(var(--body-padding) * 2));transform:skewY(0deg);background-image:none;height:calc(100% - 2.5rem);}
.recently-published__post{overflow:hidden;transform:translate3d(0px, 0px, 0px);padding:var(--spacing-6);}
.recently-published__blob{width:32rem;top:-1rem;right:-14rem;}
.recently-published__view-all{margin-top:var(--spacing-2);}
.sketches__grid{grid-template-columns:1fr;}
.sketches__grid-item:nth-of-type(odd){transform:rotate(1deg);}
.sketches__grid-item:nth-of-type(even){transform:rotate(-1deg);}
.sketches .btn{width:100%;margin-top:var(--spacing-16);}
.explore-tags{width:100%;}
}
@media only screen and (max-width: 600px){
.recently-published h2{margin-bottom:var(--spacing-20);}
.hero,.home{margin-bottom:var(--spacing-32);}
.explore-tags,.sketches{margin-top:var(--spacing-32);}
.sketches{margin-bottom:var(--spacing-32);}
.hero__about-title{margin-bottom:var(--spacing-8);}
.hero__about{margin-bottom:var(--spacing-11);color:var(--gray-700);}
.hero__buttons{flex-direction:column;}
.hero__buttons .btn:first-of-type{margin-bottom:var(--spacing-4);}
.recently-published__post-excerpt{margin-bottom:var(--spacing-6);}
}
/*! CSS Used from: https://georgefrancis.dev/signup.css?b728-ff26-4c65 */
.signup{display:grid;grid-template-columns:38rem 1fr;padding:0 var(--spacing-28);margin:0 auto;position:relative;}
.signup h2{font-weight:var(--font-extrabold);margin-top:var(--spacing-2);}
.signup .mailing-list-signup{position:relative;padding-left:var(--spacing-20);}
.signup .mailing-list-signup__email-input input{-webkit-appearance:none;}
.signup .mailing-list-signup__border{position:absolute;top:0;left:0;width:4px;height:100%;}
.signup .mailing-list-signup__border-line{width:4px;height:100%;background:var(--purple-light);border-radius:99999px;}
.signup .mailing-list-signup__border-dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:var(--spacing-10);height:var(--spacing-10);background:var(--purple-light);border-radius:50%;}
.signup .mailing-list-signup__border-dot svg{width:var(--spacing-5);}
.signup .mailing-list-signup__border-dot svg path{fill:var(--purple-dark);}
.signup .mailing-list-signup__about{font-size:var(--text-lg);margin-bottom:var(--spacing-12);line-height:var(--leading-relaxed);color:var(--gray-700);}
.signup .mailing-list-signup form{position:relative;display:grid;grid-template-columns:1fr var(--spacing-40);}
.signup .mailing-list-signup form .submit-btn{grid-row:1;grid-column:2;height:var(--spacing-14);align-self:end;}
.signup .mailing-list-signup form .submit-btn input{height:100%;width:100%;border-top-left-radius:0;border-bottom-left-radius:0;font-size:var(--text-base);background:var(--purple);}
.signup .mailing-list-signup__email-input{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:var(--spacing-6);place-items:center;}
.signup .mailing-list-signup__email-input label{display:block;flex-shrink:0;font-weight:var(--font-bold);font-size:var(--text-base);}
.signup .mailing-list-signup__email-input input{width:100%;height:var(--spacing-14);border:1px solid var(--gray-100);border-radius:var(--spacing-3);border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;padding-left:var(--spacing-4);padding-right:var(--spacing-4);font-size:var(--text-base);}
.signup input[type=submit]{-webkit-appearance:none;}
.signup__eyes{grid-column:2;width:var(--spacing-20);place-self:center;}
@media only screen and (max-width: 1328px){
.signup{padding:0;}
}
@media only screen and (max-width: 1104px){
.signup{grid-template-columns:34rem 1fr;}
.signup .mailing-list-signup{padding-left:0;}
.signup .mailing-list-signup__border{display:none;}
}
@media only screen and (max-width: 800px){
.signup{grid-template-columns:1fr;max-width:34rem;}
.signup__eyes{display:none;}
.signup .mailing-list-signup__about{font-size:var(--text-base);}
}
@media only screen and (max-width: 600px){
.signup .mailing-list-signup form{grid-template-columns:1fr var(--spacing-36);}
.signup .mailing-list-signup form .btn{padding:0;}
.signup .mailing-list-signup__email-input{grid-template-columns:1fr;}
.signup .mailing-list-signup__email-input label{place-self:start;margin-bottom:var(--spacing-4);}
}



.eye {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px rgb(0 0 0);
    -moz-box-shadow: 0 0 0 2px rgba(0,0,0,1);
    box-shadow: 0 0 0 2px rgb(0 0 0);
}
.eye.\31 {
    margin: 0 27px;
}
   .eyes {
    width: 50px;
    height: 16px;
}

.pill {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    top: ;
}