:root{--font:"Poppins",sans-serif;--color-text-light:#eee;--color-text-dark:#000;--color-text-dim:#727272;--color-primary:#7fc767;--color-secondary:#f78e69;--color-tertiary:#00a1e4;--color-quadratiary:#dc0073;--border-radius:10px;--border-radius--inner:6px;--bgs-transition:all 0.5s ease-in;--bgs-border:1px solid;--bgs-translate-x:0;--bgs-translate-y:-2rem;--bgs-radius:25%;--bgs-bg-col:#000;--bgs-border-size:1px;--bgs-border-type:solid;--bgs-border-col:#000;--color-bg-blue:#27a9e0;--color-bg-red:#d83489;--color-bg-purple:#a355e4;--color-bg-yellow:#ffcc3e;--color-bg-green:#87e67b;--color-bg-orange:#ff9b54}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{box-sizing:border-box;color:#eee;color:var(--color-text-light);font-family:Poppins,sans-serif;font-family:var(--font);font-size:62.5%}@media only screen and (max-width:93.75em){html{font-size:50%}}@media only screen and (max-width:56.25em){html{font-size:43.75%}}@media only screen and (max-width:37.5em){html{font-size:37.5%}}@media only screen and (max-width:31.25em){html{font-size:31.25%}}a{text-decoration:none}.section{padding:8rem 0}.btn{background-color:#000;background-color:var(--color-text-dark);border:5px solid #eee;border:5px solid var(--color-text-light);transition:all .2s ease-in}.btn--sm{border-radius:6px;border-radius:var(--border-radius--inner);border-width:2px;font-size:2rem;padding:.5rem 1rem}.btn--md{border-radius:10px;border-radius:var(--border-radius);border-width:3px;font-size:3rem;padding:.75rem 1.5rem}.btn--lg{border-radius:10px;border-radius:var(--border-radius);border-width:4px;font-size:4rem;padding:1rem 2rem}.btn:hover{background-color:#eee;background-color:var(--color-text-light);border-color:#000;border-color:var(--color-text-dark);color:#000;color:var(--color-text-dark);cursor:pointer;transform:translateY(-.25rem)}.btn--light{color:#eee;color:var(--color-text-light)}.btn--dark{color:#000;color:var(--color-text-dark)}.section__title{align-self:center;font-size:6rem}.section__subtitle{font-size:3rem}.section__text{font-size:2rem}.section__highlight{align-self:center;border-radius:10px;border-radius:var(--border-radius);display:block;font-size:3rem;line-height:4rem;margin:2rem;padding:2rem 3rem;text-align:center}.section__highlight--light{background-color:#000;background-color:var(--color-text-dark);color:#eee;color:var(--color-text-light)}.section__highlight--dark{background-color:#eee;background-color:var(--color-text-light);color:#000;color:var(--color-text-dark)}td{border:1px solid #000;border-radius:10px;transition:all .5s ease-in}.td-hover{background:#000;border:1px solid #000;border-radius:25%;transform:translateY(-2rem)}.navbar{border:1px solid red}.hero{background-image:url(/jakes-portfolio/static/media/wave-above--g-o.8c305d6cc0b884844d9f.svg);background-position:bottom;background-repeat:no-repeat;background-size:100% 10rem;color:#eee;color:var(--color-text-light);display:grid;grid-template-rows:1fr;height:100vh;width:100vw}.hero__left{align-items:center;display:flex;grid-column:1/2;grid-row:1/2;justify-content:center;text-align:center}.hero__content{display:flex;flex-direction:column;gap:4rem}.hero__title{font-size:8rem}.hero__subtitle{font-size:4rem}.hero__links{display:flex;gap:8rem;justify-content:center}.hero__icon{border-radius:10px;border-radius:var(--border-radius);color:#fff;font-size:8rem;padding:1rem;transition:background-color,color,.25s ease-in}.hero__icon:hover{background-color:#eee;background-color:var(--color-text-light);color:#000;color:var(--color-text-dark);cursor:pointer}.hero__right{align-items:center;display:flex;grid-column:2/2;grid-row:1/2;justify-content:center}@media only screen and (max-width:75em){.hero__right{display:none}}.hero__portrait{display:flex;height:40rem;justify-content:center;position:relative;width:40rem;z-index:1}.hero__portrait:after{border:.5rem solid #eee;border:.5rem solid var(--color-text-light);content:"";height:100%;left:3rem;position:absolute;top:3rem;width:100%;z-index:-2}.hero__img,.hero__portrait:after{border-radius:10px;border-radius:var(--border-radius)}.hero__img{background-image:url(/jakes-portfolio/static/media/hero-portrait.c4493084b30d887bf50e.jpg);background-size:cover;border:1px solid #292929;width:40rem}.about{background-image:linear-gradient(90deg,#87e67b,#ff9b54);background-image:linear-gradient(to right,var(--color-bg-green),var(--color-bg-orange));color:#000;color:var(--color-text-dark);display:flex;display:grid;padding-left:10rem;padding-right:10rem}.about,.about__left{align-items:center;justify-content:center}.about__left{display:flex;grid-column:1/2;text-align:center}@media only screen and (max-width:75em){.about__left{display:none}}.about__portrait{display:flex;height:40rem;justify-content:center;position:relative;width:50rem;z-index:1}.about__portrait:before{border:.5rem solid #000;border:.5rem solid var(--color-text-dark);content:"";height:100%;left:-3rem;position:absolute;top:3rem;width:100%;z-index:-1}.about__img,.about__portrait:before{border-radius:10px;border-radius:var(--border-radius)}.about__img{background-image:url(/jakes-portfolio/static/media/about-2.1a597b5000504a33ce07.jpg);background-size:cover;border:1px solid #b9b9b9;height:40rem;width:50rem}.about__right{align-items:center;display:flex;grid-column:2/2;justify-content:center;padding:0 5rem}.about__content{gap:2rem}.about__content,.skills{display:flex;flex-direction:column}.skills{align-items:center;background-image:url(/jakes-portfolio/static/media/wave-below--g-o.6214bf46872c319d1a35.svg),url(/jakes-portfolio/static/media/wave-above--y-p.3c6d342881d719dff4e1.svg);background-position:top,bottom;background-repeat:no-repeat;background-size:100% 10rem;color:#eee;color:var(--color-text-light);gap:6rem;justify-content:center;padding:28rem 0}.skills__collection{display:grid;grid-template-areas:"frontend backend" "tools tools"}@media only screen and (max-width:75em){.skills__collection{grid-template-areas:"frontend" "backend" "tools"}}.skills__column{align-items:center;display:flex;flex-direction:column;gap:4rem;margin:4rem}.skills__column--frontend{grid-area:frontend}.skills__column--backend{grid-area:backend}.skills__column--tools{grid-area:tools}.skills__grid{grid-gap:4rem;display:grid;grid-auto-rows:10rem;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content}.skills__item{align-items:center;border:5px solid #0000;border-radius:10px;border-radius:var(--border-radius);display:flex;transition:all .2s ease-in}.skills__item:nth-child(odd){flex-direction:row-reverse}.skills__item:hover{transform:translateY(-1rem)}.skills__item--frontend:nth-child(odd):hover{background-color:#87e67b;background-color:var(--color-bg-green);border-color:#87e67b;border-color:var(--color-bg-green)}.skills__item--frontend:nth-child(2n):hover{background-color:#ff9b54;background-color:var(--color-bg-orange);border-color:#ff9b54;border-color:var(--color-bg-orange)}.skills__item--backend:nth-child(odd):hover{background-color:#ffcc3e;background-color:var(--color-bg-yellow);border-color:#ffcc3e;border-color:var(--color-bg-yellow)}.skills__item--backend:nth-child(2n):hover{background-color:#a355e4;background-color:var(--color-bg-purple);border-color:#a355e4;border-color:var(--color-bg-purple)}.skills__item--tools:nth-child(odd):hover{background-color:#27a9e0;background-color:var(--color-bg-blue);border-color:#27a9e0;border-color:var(--color-bg-blue)}.skills__item--tools:nth-child(2n):hover{background-color:#d83489;background-color:var(--color-bg-red);border-color:#d83489;border-color:var(--color-bg-red)}.skills__item:hover>.skills__icon{fill:#000;border-color:#0000;color:#000}.skills__item:hover>.skills__name{opacity:1}.skills__icon{background-repeat:no-repeat;background-size:cover;border:5px solid #fff;border-radius:10px;border-radius:var(--border-radius);height:10rem;padding:1rem;transition:all .2s ease-in;width:10rem}.skills__icon--javascript{background-image:url(/jakes-portfolio/static/media/icons8-javascript.db4ccc580fdbd0126a4b.svg)}.skills__icon--react{background-image:url(/jakes-portfolio/static/media/icons8-react.9a302a0a86c34fee3efb.svg)}.skills__icon--sass{background-image:url(/jakes-portfolio/static/media/icons8-sass.11e020f9d72c42fb7559.svg)}.skills__icon--bootstrap{background-image:url(/jakes-portfolio/static/media/icons8-bootstrap.1cf808bbedf59310ac33.svg)}.skills__icon--css3{background-image:url(/jakes-portfolio/static/media/icons8-css3.bcd6c9285dc79f0c90f6.svg)}.skills__icon--html5{background-image:url(/jakes-portfolio/static/media/icons8-html5.0842f31d77a85e0cc826.svg)}.skills__icon--mui{background-image:url(/jakes-portfolio/static/media/material-ui-seeklogo.67276da463f4066baafa.svg)}.skills__icon--nodejs{background-image:url(/jakes-portfolio/static/media/icons8-nodejs.cb30e9da586be4a589a2.svg)}.skills__icon--mongodb{background-image:url(/jakes-portfolio/static/media/icons8-mongodb.0cccc1a2524cac3d6d66.svg)}.skills__icon--mongoose{background-image:url(/jakes-portfolio/static/media/icons8-mongoose.430692381d02999bc31f.svg)}.skills__icon--postgresql{background-image:url(/jakes-portfolio/static/media/icons8-postgresql.cea9b3cbbf35661031bb.svg)}.skills__icon--sequelize{background-image:url(/jakes-portfolio/static/media/sequelize-seeklogo-white.e99ec49922a3f3dfd8f8.svg)}.skills__icon--stripe{background-image:url(/jakes-portfolio/static/media/icons8-stripe.3ddd4d35d4218e53d7a0.svg)}.skills__icon--mailchimp{background-image:url(/jakes-portfolio/static/media/icons8-mailchimp.d6129d7aa428de89bf2f.svg)}.skills__icon--mapbox{background-image:url(/jakes-portfolio/static/media/mapbox.809b9ef7c677b630233c.svg)}.skills__icon--sendgrid{background-image:url(/jakes-portfolio/static/media/sendgrid-seeklogo.fbd91f42d73256bc0abc.svg)}.skills__icon--heroku{background-image:url(/jakes-portfolio/static/media/icons8-heroku.f26f288e1f3f52574cab.svg)}.skills__icon--figma{background-image:url(/jakes-portfolio/static/media/icons8-figma.186b33f3bbb22740f197.svg)}.skills__icon--jira{background-image:url(/jakes-portfolio/static/media/icons8-jira.bdfec11591515b16776f.svg)}.skills__icon--mailgun{background-image:url(/jakes-portfolio/static/media/mailgun-seeklogo.0edb96f8c952b2a5ff88.svg)}.skills__name{color:#eee;color:var(--color-text-light);opacity:0;padding:1rem;transition:all .2s ease-in}.showcase{align-items:center;background-image:linear-gradient(90deg,#ffcc3e,#a355e4);background-image:linear-gradient(to right,var(--color-bg-yellow),var(--color-bg-purple));color:#000;color:var(--color-text-dark);display:flex;flex-direction:column;gap:6rem;justify-content:center}.showcase__grid{grid-gap:4rem;display:grid;grid-auto-rows:40rem;grid-template-columns:1fr 1fr;padding:0 8rem;width:100%}@media only screen and (max-width:75em){.showcase__grid{grid-template-columns:1fr;width:75%}}@media only screen and (max-width:56.25em){.showcase__grid{grid-template-columns:1fr;width:min(100%,100rem)}}.cell{position:relative}.cell__img{background-position:50%;background-size:cover;border:5px solid #000;border:5px solid var(--color-text-dark);border-radius:10px;border-radius:var(--border-radius);filter:brightness(.75);filter:drop-shadow(0 0 1rem #000000);filter:drop-shadow(0 0 1rem var(--color-text-dark));height:100%;overflow:hidden;width:100%}.cell__img--1{background-image:url(/jakes-portfolio/static/media/uplow.ac8d679ebb47d513226e.png)}.cell__img--2{background-image:url(/jakes-portfolio/static/media/trailtribe.c058cba9bf02e27bcda2.png)}.cell__img--3{background-image:url(/jakes-portfolio/static/media/natours.bc8f016c29e73f19a489.jpg)}.cell__img--4{background-image:url(/jakes-portfolio/static/media/forkify.c15f298f43b9f4dd8870.JPG)}@media only screen and (hover:none){.cell__img{filter:brightness(.5)}}.cell__info{align-items:center;background-color:#000;background-color:var(--color-text-dark);border-radius:10px;border-radius:var(--border-radius);color:#eee;color:var(--color-text-light);display:flex;flex-direction:column;gap:2rem;justify-content:center;left:50%;opacity:0;padding:3rem;text-align:center;top:50%;transform:translate(-50%,-50%)}.cell__info,.cell__info:before{height:100%;position:absolute;transition:all .2s ease-in;width:100%}.cell__info:before{border:5px solid #eee;border:5px solid var(--color-text-light);border-radius:10px;border-radius:var(--border-radius);content:""}.cell__info:active,.cell__info:hover{opacity:1}.cell__info:active:before,.cell__info:hover:before{height:calc(100% - 4rem);pointer-events:none;width:calc(100% - 4rem)}.cell__buttons{display:flex;gap:2rem}.timeline{grid-gap:6rem;background-image:url(/jakes-portfolio/static/media/wave-below--y-p.e4ad203deb99bcaa5f5e.svg),url(/jakes-portfolio/static/media/wave-above--b-r.06fcb82a9f12fb0c2b49.svg);background-position:top,bottom;background-repeat:no-repeat;background-size:100% 10rem;color:#eee;color:var(--color-text-light);display:grid;grid-column:1/-1;grid-template-columns:100%;grid-template-rows:-webkit-min-content -webkit-max-content -webkit-min-content;grid-template-rows:min-content max-content min-content;justify-items:center;padding:28rem 0;position:relative}@supports(perspective:0) or (-moz-perspective:0){.timeline{perspective:150rem;-moz-perspective:150rem}}.timeline__graph{display:grid;grid-auto-rows:35rem;grid-template-columns:1fr;justify-content:center;position:relative;width:50%}@media only screen and (max-width:93.75em){.timeline__graph{width:60%}}@media only screen and (max-width:75em){.timeline__graph{width:70%}}@media only screen and (max-width:56.25em){.timeline__graph{width:80%}}@media only screen and (max-width:31.25em){.timeline__graph{grid-auto-rows:40rem;width:85%}}.bulb{align-items:center;color:#eee;color:var(--color-text-light);display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease-in}.bulb:hover>.bulb__content>*{opacity:1}.bulb:nth-child(2n){border-right:5px solid #727272;border-right:5px solid var(--color-text-dim)}.bulb:nth-child(odd){border-left:5px solid #727272;border-left:5px solid var(--color-text-dim)}.bulb:not(:last-child){border-bottom:5px solid #727272;border-bottom:5px solid var(--color-text-dim)}.bulb__icon{align-items:center;background-color:#000;background-color:var(--color-text-dark);border:5px solid #727272;border:5px solid var(--color-text-dim);border-radius:10px;border-radius:var(--border-radius);color:#727272;color:var(--color-text-dim);display:flex;height:8rem;justify-content:center;padding:1rem;position:absolute;top:50%;transition:all .2s ease-in;width:8rem}.bulb:nth-child(odd)>.bulb__icon{left:0;transform:translate(-50%,-50%)}.bulb:nth-child(2n)>.bulb__icon{right:0;transform:translate(50%,-50%)}.bulb__content{align-items:center;border:5px solid #000;border:5px solid var(--color-text-dark);border-radius:10px;border-radius:var(--border-radius);display:grid;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;height:90%;justify-content:center;justify-items:center;padding:2rem;position:relative;transition:all .2s ease-in;width:75%}.bulb__content>*{opacity:0;transition:all .2s ease-in}.bulb__content:before{background-clip:content-box;background-repeat:no-repeat;background-size:cover;content:"";height:100%;opacity:.75;position:absolute;transition:all .2s ease-in;width:100%}.bulb__content--1:before{background-image:url(/jakes-portfolio/static/media/timeline-uwf.4cb164ad74978055f408.jpg);background-position:50%;border-radius:5px}.bulb__content--2:before{background-image:url(/jakes-portfolio/static/media/timeline-fieldcore.84ddb00a5480db17edae.jpg);background-position:100%;border-radius:5px}.bulb__content--3:before{background-image:url(/jakes-portfolio/static/media/timeline-eaton.13b798d6ec4d62e3e4d2.jpg);background-position:50%;border-radius:5px}.bulb__content--4:before{background-image:url(/jakes-portfolio/static/media/timeline-self-taught.86d1539d1a6ec2467803.jpg);background-position:50%;border-radius:5px}.bulb__content--5:before{background-image:url(/jakes-portfolio/static/media/timeline-ardent.5738bcb89bd5ae8def3e.jpg);background-position:50%;border-radius:5px}.bulb__content--6:before{background-image:url(/jakes-portfolio/static/media/timeline-devmountain.a3b510a09807fb107c90.jpg);background-position:50%;border-radius:5px}.bulb__title{font-size:4rem;line-height:5rem;position:relative;text-align:center}.bulb__title:before{background-color:#eee;background-color:var(--color-text-light);content:"";height:.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in;width:25%}.bulb__description{line-height:1.25;padding:0 1rem;transition:all .2s ease-in;z-index:1}.bulb__date{padding-bottom:1;z-index:1}.bulb:hover,.bulb:hover>*{border-color:#eee;border-color:var(--color-text-light)}.bulb:hover>*{color:#eee;color:var(--color-text-light)}.bulb:hover:nth-child(odd)>.bulb__content{transform:translateX(.5rem)}.bulb:hover:nth-child(2n)>.bulb__content{transform:translateX(-.5rem)}.bulb:hover>.bulb__content:before{filter:brightness(0);opacity:1}.footer{align-items:center;background-image:linear-gradient(90deg,#27a9e0,#d83489);background-image:linear-gradient(to right,var(--color-bg-blue),var(--color-bg-red));color:#000;color:var(--color-text-dark);display:flex;flex-direction:column;gap:2rem;height:25vh;justify-content:center}.footer__links{display:flex;gap:8rem}.footer__icon{border-radius:10px;border-radius:var(--border-radius);color:#000;font-size:8rem;padding:1rem;transition:background-color,color,.25s ease-in}.footer__icon:hover{background-color:#000;background-color:var(--color-text-dark);color:#eee;color:var(--color-text-light);cursor:pointer}.bg-squares{background-color:#000}.bg-squares,.bg-squares__overlay{height:100vh;position:fixed;width:100%;z-index:-1}.bg-squares__overlay{left:0;top:0}td{border:var(--bgs-border-size) var(--bgs-border-type) var(--bgs-border-col);border-radius:var(--border-radius);transition:var(--bgs-transition)}.td-hover{background:var(--bgs-bg-col);border:var(--bgs-border-size) var(--bgs-border-type) var(--bgs-border-col);border-radius:var(--bgs-radius);transform:translate(var(--bgs-translate-x),var(--bgs-translate-y))}
/*# sourceMappingURL=main.6c9bbba8.css.map*/