body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d96f3e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:center}.project-menu{display:flex;flex-direction:column;justify-content:center}.project-row{display:flex;flex-direction:row;justify-content:space-around;align-items:baseline}img.cover-image{width:100%;height:18em;border-bottom:3px groove #000}section.project-item{border:1px groove #000;box-shadow:0 0 7px;width:40em;height:27.5em;margin-top:1em;margin-bottom:1em;background-color:#eaebef;transition:box-shadow 1s linear,background-color .5s linear;-webkit-animation:navlinks 1s;animation:navlinks 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1}section.project-item:hover{box-shadow:0 0 6px #4ac8fa;border:none;background-color:#fff}section.project-info{display:flex;flex-direction:column;justify-content:center;align-items:center}section.projectone{height:18em;border-bottom:3px groove #000;background-image:url(/images/todo-list-screenshot.png)}section.projectone,section.projectone:hover{width:100%;background-repeat:no-repeat;background-size:100% 100%}section.projectone:hover{background-image:url(/images/todo-list-preview.gif)}section.projecttwo{height:18em;border-bottom:3px groove #000;background-image:url(/images/carbon-intensity-home-screenshot.png)}section.projecttwo,section.projecttwo:hover{width:100%;background-repeat:no-repeat;background-size:100% 100%}section.projecttwo:hover{background-image:url(/images/carbon-intensity-tracker-preview.gif)}section.projectthree{height:18em;border-bottom:3px groove #000;background-image:url(/images/math-magicians-screenshot.png)}section.projectthree,section.projectthree:hover{width:100%;background-repeat:no-repeat;background-size:100% 100%}section.projectthree:hover{background-image:url(/images/math-magicians-preview.gif)}.contact-links{justify-content:space-between;width:60vw}.contact,.contact-links{display:flex;flex-direction:column;align-items:center}.bio{padding-top:80px}.bio,.project-menu{border-bottom:5px groove #000}img.professional-photo{height:150px;width:150px;object-fit:cover;border-radius:50%;display:block;margin:60px auto 15px;box-shadow:0 4px 12px rgba(0,0,0,.25);border:4px solid hsla(0,0%,100%,.8);-webkit-animation:rise .9s ease-out;animation:rise .9s ease-out;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}img.professional-photo:hover{-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02);box-shadow:0 6px 18px rgba(0,0,0,.3)}.job-title,h1.name{font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;margin:0;text-align:center}h1.job-title{font-size:28px;font-weight:500;color:#333;margin-top:8px;-webkit-animation:fade 1s ease;animation:fade 1s ease}.projects-headings{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-heading,h1.projects-heading{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:600;font-style:normal;margin-top:30px;margin-bottom:10px;text-align:center;font-size:32px;color:#202020;-webkit-animation:fade .4s ease;animation:fade .4s ease}h1.projects-heading{margin-bottom:0}h3.preview-note{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:600;margin-top:6px;color:#333}h1.name{font-size:48px;line-height:1.1;color:#000;text-shadow:0 1px 2px rgba(0,0,0,.15);transition:text-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,text-shadow .25s ease;transition:transform .25s ease,text-shadow .25s ease,-webkit-transform .25s ease}a.name-link{display:inline-flex;justify-content:center;cursor:pointer;-webkit-animation:fade 1s ease;animation:fade 1s ease}a.name-link,a.name-link:hover{text-decoration:none;color:inherit}a.name-link:hover h1.name{-webkit-transform:translateY(-3px);transform:translateY(-3px);text-shadow:0 2px 6px rgba(0,0,0,.25)}a.contact-link{display:flex;align-items:center;justify-content:center;width:200px;height:48px;padding:10px 14px;margin:20px auto;text-decoration:none;border-radius:10px;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:500;font-size:16px;color:#202020;background-color:#f7f7f8;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.12);transition:box-shadow .25s ease,background-color .25s ease,border-color .25s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease;transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease,-webkit-transform .2s ease}a.contact-link:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);background-color:#028d02;color:#fff;border-color:hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(0,0,0,.25)}img.contact-logo{width:22px;height:22px;margin-right:8px;border-radius:4px;object-fit:contain}p.contact-text{text-align:center;font-size:16px;font-weight:500;color:#303030}p.contact-text,p.copyright{font-family:Inter,Arial,Helvetica,sans-serif}p.copyright{margin-top:40px;font-size:14px;font-weight:400;color:#606060;opacity:.8}section.what-i-do{margin:5vh;border:1px groove #000;border-radius:8px;background-color:#eaebef;box-shadow:0 0 5px #000;-webkit-animation:fade 2s;animation:fade 2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}p.what-i-do{font-style:italic;font-weight:500;-webkit-animation:lowrise 2s;animation:lowrise 2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}span.html{color:#ff8c00}span.css{color:#2862e9}span.js{color:#cbbd11}span.ror{color:#dc143c}span.rr{color:#8400e5}a.project-title{color:#000;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-style:italic;margin-top:-20px}a.project-title:hover{text-decoration:underline;-webkit-text-decoration-color:#2387ad;text-decoration-color:#2387ad;cursor:pointer}p.project-desc{margin-top:-20px;margin-bottom:5px;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;font-family:sans-serif}a.live-demo{color:#03a9f4;text-decoration:none;border-radius:3px;padding:3px;transition:background-color .25s linear,color .25s linear;margin-bottom:3px;font-weight:450;font-style:oblique}a.live-demo:hover{font-weight:500;color:#fff;background-color:#fa4a4a;font-style:normal}img.lang-image{width:30px;margin:0 0 5px;border-radius:5px;border:2px solid rgba(74,200,250,.5)}section.lang-images{display:flex;justify-content:space-around;align-items:center;width:5vw}nav.navbar{top:0;height:60px;justify-content:center;grid-gap:40px;gap:40px;background:rgba(2,141,2,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.15);-webkit-animation:navbarFade .6s ease-out;animation:navbarFade .6s ease-out;z-index:999}nav.navbar,nav.navbar-grey{position:fixed;width:100%;display:flex;align-items:center}nav.navbar-grey{justify-content:space-around;height:50px;background-color:hsla(0,0%,100%,0)}a.navlink-top{color:#4b9fed;text-decoration:none;opacity:1;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;padding:3px;border-radius:3px;font-weight:500;text-shadow:1px 1px #000;box-shadow:0 0 8px 5px #000;transition:text-shadow .25s linear,box-shadow .25s,color .25s linear;-webkit-animation:navlinks 1s;animation:navlinks 1s;-webkit-animation-iteration-count:1;animation-iteration-count:1}a.navlink-top:hover{box-shadow:none;color:#1c1c1c;color:#fff700;text-shadow:none;-webkit-text-stroke:.7px #000}a.navlink{position:relative;color:#fff;text-decoration:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;font-weight:500;padding:6px 8px;transition:color .25s ease-in-out}a.navlink:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fff;border-radius:2px;transition:width .25s ease-out}a.navlink:hover{color:#d0f9ff}a.navlink:hover:after{width:100%}p.hiddenlink{opacity:0;font-size:16px;cursor:default;padding:3px;font-weight:500}@-webkit-keyframes navbarFade{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes navbarFade{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rise{0%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rise{0%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lowrise{0%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes lowrise{0%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade{0%{opacity:.01}to{opacity:1}}@keyframes fade{0%{opacity:.01}to{opacity:1}}@media screen and (max-width:1280px) and (min-width:900px){section.project-item{width:32em;height:22em}section.project-item:hover{width:32.5em;height:22.5em}img.cover-image{height:14.4em}img.lang-image{width:20px}.live-demo,a.project-title,p.project-desc{font-size:12px}}@media screen and (max-width:900px) and (min-width:600px){.project-row{flex-direction:column;align-items:center}section.project-item{width:40em;height:27.5em}section.lang-images{width:10vw}.contact-links{flex-direction:column;align-items:center}a.contact-link{flex-direction:row;width:20vw}}@media screen and (max-width:600px) and (min-width:500px){.project-row{flex-direction:column;align-items:center}section.project-item{width:30em;height:29em}section.lang-images{width:10vw}.contact-links{flex-direction:column;align-items:center}a.contact-link{flex-direction:row;width:20vw}}@media screen and (max-width:500px) and (min-width:300px){.project-row{flex-direction:column;align-items:center}section.project-item{width:20em;height:23em}img.cover-image{height:10em;width:18em}section.lang-images{width:10vw}.contact-links{flex-direction:column;align-items:center}a.contact-link{flex-direction:row;width:20vw}}@media screen and (max-width:300px){h3.preview-note{visibility:hidden}.project-row{flex-direction:column;align-items:center}section.project-item{width:15em;height:35em}section.lang-images{width:10vw}.contact-links{flex-direction:column;align-items:center}a.contact-link{flex-direction:row;width:20vw}}
/*# sourceMappingURL=main.f8b6ed67.chunk.css.map */