*{--accent-color:#0ac9ff;box-sizing:border-box}html{height:100vh;width:100vw}body,html{margin:0;overflow-x:clip;padding:0}h2{font-size:47px}h2,h3{margin:0}h3{font-size:22px}.emphasize{color:var(--accent-color)}#hero{color:#fff;-webkit-filter:brightness(2);filter:brightness(2);font-family:Nunito,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;height:100vh;margin:0 auto;position:fixed;text-align:center;width:100vw;z-index:1}#hero,.dark-mode #hero{background-image:url(/static/media/hero-background-sky.8af73d550c219e5b944f.png);background-position:bottom;background-repeat:no-repeat;background-size:cover}.dark-mode #hero{-webkit-filter:brightness(1);filter:brightness(1)}#hero .content{left:50%;max-width:677px;min-width:560px;position:absolute;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#hero .content.hidden{display:none}#hero .content p{color:#fff;font-size:16px}#hero .content p .bold{color:var(--accent-color);font-size:17px}.social-links svg{color:#e5e5e5;font-size:36px;margin:0 15px;position:relative;transition:all .2s}.social-links svg:hover{color:var(--accent-color)}.social-links a{text-decoration:none}#waves{background-image:url(/static/media/hero-background-waves.215de4863c00016e27e7.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;-webkit-filter:brightness(1.15);filter:brightness(1.15);height:100vh;position:relative;width:100vw;z-index:2}.dark-mode #waves{-webkit-filter:brightness(1);filter:brightness(1)}#control-overlay{height:100vh;pointer-events:none;position:fixed;width:100vw;z-index:2;.fake-theme-toggle{cursor:pointer;height:34px;pointer-events:all;position:fixed;right:40px;top:40px;width:60px}.fake-social-links{display:flex;left:50%;pointer-events:none;position:fixed;top:30%;-webkit-transform:translate(-50%,calc(-50% + 70px));transform:translate(-50%,calc(-50% + 70px));&.hidden{display:none}button{background:none;border:none;cursor:pointer;display:block;height:36px;margin:0 15px;padding:0;pointer-events:all;width:36px}}}.switch{height:34px;opacity:.8;position:fixed;right:40px;top:40px;transition:opacity .1s ease-in;width:60px;z-index:2}.switch.hidden{display:none}.switch:hover{opacity:1}.switch input{height:0;opacity:0;width:0}.switch svg{right:-7px}.switch .fa-moon,.switch .fa-sun,.switch svg{color:#fff;font-size:16px;position:absolute;top:9px}.switch .fa-moon,.switch .fa-sun{right:8px}.switch .fa-moon{right:36px}.slider{background-color:#888;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#4a4a4a}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}#navbar{align-items:center;background:#19486b;-webkit-column-gap:100px;column-gap:100px;display:flex;height:60px;justify-content:right;padding-right:80px;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}#navbar.sticky{z-index:5}#navbar .link{color:#fff;cursor:pointer;font-family:Nunito,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:17px;font-weight:700;text-decoration:none;transition:color .1s ease-in}#navbar .link.selected,#navbar .link:hover{color:var(--accent-color)}.dark-mode #navbar{background:#02172c}#about-me{background:#19486b;color:#fff;display:flex;-webkit-filter:brightness(1.5);filter:brightness(1.5);flex-direction:row-reverse;overflow:hidden;padding:0;position:relative;width:100vw;z-index:2}#about-me .details,#about-me .portrait{display:inline-block;padding:50px}#about-me .portrait{display:flex;-webkit-filter:brightness(.8);filter:brightness(.8);justify-content:center;margin-left:100px;padding:20px 20px 0;width:45vw;img{-webkit-filter:drop-shadow(-88px 47px 0 #061b2d) drop-shadow(-1px 0 0 #061b2d) drop-shadow(0 2px 0 #061b2d) drop-shadow(0 0 0 #061b2d);filter:drop-shadow(-88px 47px 0 #061B2D) drop-shadow(-1px 0 0 #061B2D) drop-shadow(0 2px 0 #061B2D) drop-shadow(0 0 0 #061B2D);height:722px}}#about-me .details{font-family:Nunito,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;padding-right:180px;width:55vw;z-index:2}#about-me .details .contact-info{display:inline-block;font-style:normal;line-height:.5em;width:150px}#about-me .details .contact-info a{color:inherit;text-decoration:none;transition:all .2s}#about-me .details .contact-info a:hover{color:var(--accent-color)}.dark-mode #about-me{background:#07233b}.dark-mode #about-me,.dark-mode #about-me .portrait{-webkit-filter:brightness(1);filter:brightness(1)}#download-resume-container{display:inline-flex;margin-top:10px;vertical-align:top}#download-resume-button{align-items:center;background:#fff;border:2px outset #000;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:13.3333px;height:40px;justify-content:center;margin-left:70px;text-decoration:none;width:170px;svg{margin-right:10px}}#download-resume-button:hover{box-shadow:2px 2px 0 #000}#about-me h3{margin-top:50px}#web-based-resume{background:#19486b;color:#fff;padding:60px 140px}.dark-mode #web-based-resume{background:#01172f}#web-based-resume h4{font-size:22px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#web-based-resume h4:after{background-color:var(--accent-color);content:" ";display:block;height:4px}.resume-section{font-family:Nunito,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;position:relative;z-index:1}.resume-section .experience{display:block;padding:20px 100px 0}.resume-section .experience .caption,.resume-section .experience .title{display:block}.resume-section .experience .title{font-size:19px;font-weight:700}.resume-section .experience .caption{opacity:.47}.resume-section .experience li{font-weight:100;margin-bottom:5px}.resume-section .experience li .bold{font-weight:700}#blogs.resume-section .experience{gap:15px;justify-content:left}#blogs.resume-section .experience,#tool-belt{align-items:center;display:flex;flex-wrap:wrap}#tool-belt{-webkit-column-gap:10px;column-gap:10px;justify-content:center;padding:0 100px;row-gap:10px;width:100%}#tool-belt .tool{border:2px solid var(--accent-color);border-radius:4px;color:#fff;padding:11px 17px}#tool-belt .tool:hover{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}#projects .experience{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:left;width:100%}#projects .experience .project-card{aspect-ratio:16/9;background:#fff;border:1px solid #d9d9d9;border-radius:14px;max-width:441px;overflow:hidden;text-decoration:none;width:100%}#projects .experience .card-backdrop{background:#d3d3d3;background-repeat:no-repeat;background-size:100%;height:inherit;position:relative;transition:all .3s;width:inherit}#projects .experience .card-backdrop .hover-info{background:rgba(0,0,0,.8);color:#fff;display:block;height:100%;opacity:0;padding:18% 20px 20px;transition:opacity .3s;width:100%}#projects .experience .card-backdrop .hover-info svg{color:var(--accent-color);font-size:25px;position:absolute;right:20px;top:20px}#projects .experience .card-backdrop .hover-info .title{font-size:22px;font-weight:700;margin-bottom:10px}#projects .experience .card-backdrop .hover-info:hover{opacity:1}#projects .experience .card-backdrop.highlights{background:url(/static/media/highlights-kids-homepage.2cd3a88a2690a150992d.jpg);background-size:100%}#projects .experience .card-backdrop.bluprint{background:url(/static/media/bluprint-homepage.cb1aeb27f1961fb6aa55.jpg);background-size:100%}#projects .experience .card-backdrop.stemscopes{background:url(/static/media/stemscopes-homepage.9aefb95a987667056294.jpg);background-size:100%}#projects .experience .card-backdrop.bitsbox{background:url(/static/media/bitsbox-homepage.6f66c0a0e85a5101b0e0.jpg);background-size:100%}#projects .experience .card-backdrop.bitsbox-store{background:url(/static/media/bitsbox-storepage.a928a8c2aea1df496d5f.jpg);background-size:100%}#projects .experience .card-backdrop.skoolie-locker-rentals{background:url(/static/media/skoolie-locker-rentals.a48668d8eabd8edf109f.jpg);background-size:100%}#projects .experience .card-backdrop.bitsbox .description,#projects .experience .card-backdrop.bitsbox-store .description,#projects .experience .card-backdrop.skoolie-locker-rentals .description{font-size:14px}#projects .experience .card-backdrop:hover,#projects .experience .selected.card-backdrop{background-position:-40px -40px;background-size:140%}#projects .experience .selected .hover-info{opacity:1}.blog-card{border:1px solid #d9d9d9;border-radius:12px;color:#e3e3e3;display:inline-block;height:195px;padding:10px 16px;position:relative;text-align:left;text-decoration:none;vertical-align:top;width:280px}.blog-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.2);top:-2px}.blog-card-image-container{border-bottom:1px solid #d9d9d9;border-top-left-radius:10px;border-top-right-radius:10px;height:117px;margin:-10px -16px 10px;overflow:hidden;width:278px}.fit{max-width:100%}#footer{align-items:center;background-color:#082f51;color:#fff;display:flex;font-family:Nunito;height:47px;justify-content:center;width:100vw}.dark-mode #footer{background-color:#07233b}#footer p{font-size:14px;margin:0}@media screen and (max-width:1000px){#control-overlay .fake-social-links{-webkit-transform:translate(-50%,calc(-50% + 64px));transform:translate(-50%,calc(-50% + 64px));button{height:32px;width:32px}}}@media screen and (max-width:680px){#control-overlay .fake-social-links{-webkit-transform:translate(-50%,calc(-50% + 59px));transform:translate(-50%,calc(-50% + 59px));button{height:27px;width:27px}}}@media screen and (max-width:600px){#control-overlay .fake-social-links{-webkit-transform:translate(-50%,calc(-50% + 65px));transform:translate(-50%,calc(-50% + 65px));button{margin:0 10px}}}@media screen and (max-width:450px){#control-overlay .fake-social-links{-webkit-transform:translate(-50%,calc(-50% + 70px));transform:translate(-50%,calc(-50% + 70px));button{height:20px;width:20px}}}@media screen and (max-width:401px){#control-overlay .fake-social-links button{margin:0 8px}}@media screen and (max-width:380px){#control-overlay .fake-social-links{-webkit-transform:translate(-50%,calc(-50% + 64px));transform:translate(-50%,calc(-50% + 64px));button{margin:0 6px}}}@media screen and (max-width:1389px){#about-me .portrait .headshot-container{scale:.9}#projects .experience{justify-content:center}#blogs.resume-section .experience{align-items:center;flex-wrap:wrap;justify-content:center;padding:0}}@media screen and (max-width:1330px){#about-me .details{padding-right:40px}#download-resume-button{margin-left:50px}}@media screen and (max-width:1200px){#download-resume-container{display:block}#download-resume-button{margin-left:0}#web-based-resume{padding:60px 90px}}@media screen and (max-width:1167px){#about-me .portrait .headshot-container{scale:.7}}@media screen and (max-width:1040px){#about-me{flex-wrap:wrap;justify-content:center;padding-top:60px}#about-me .portrait{margin-left:0;overflow:hidden;padding:0 20px;width:100vw}#about-me .details{padding-bottom:0;padding-top:20px;width:67vw}#about-me h3{margin-top:10px}}@media screen and (max-width:1020px){#about-me .portrait .headshot-container{margin-top:-44px;scale:.5}}@media screen and (max-width:1000px){h2{font-size:42px}#hero .content p{font-size:15px}#hero .content p .bold{font-size:16px}.social-links svg{font-size:32px}#navbar{-webkit-column-gap:60px;column-gap:60px}#navbar .link{font-size:16px}#tool-belt,.resume-section .experience{padding:0 80px}}@media screen and (max-width:875px){#projects .experience .card-backdrop .hover-info{padding-bottom:66px;padding-top:10%}}@media screen and (max-width:845px){#download-resume-container{display:block}#projects .experience .card-backdrop .hover-info{font-size:13px;padding-bottom:77px;padding-top:10%}}@media screen and (max-width:800px){#hero .see-more{display:none}#navbar{justify-content:center;padding-right:0}#web-based-resume{padding:60px 50px}#web-based-resume h4{font-size:20px;margin:29px auto}.resume-section .experience .title{font-size:16px}.resume-section .experience .caption,.resume-section .experience li{font-size:14px}.resume-section .experience ul{margin-left:-20px}#tool-belt,.resume-section .experience{padding:0}#about-me .portrait .headshot-container{margin-top:auto;position:relative;scale:.9}#projects .experience .card-backdrop .hover-info{font-size:inherit;padding-bottom:25px;padding-top:17%}}@media screen and (max-width:680px){h2{font-size:32px}#hero .content{min-width:80%}#hero .content p{font-size:14px}#hero .content p .bold{font-size:15px}.social-links svg{font-size:27px}#about-me .details{padding:0 50px;width:100vw}}@media screen and (max-width:600px){.social-links svg{margin:0 10px}#navbar{-webkit-column-gap:30px;column-gap:30px}#navbar .link{font-size:13px}#navbar .link:hover{color:#fff}#navbar .link.selected{color:var(--accent-color)}}@media screen and (max-width:525px){#about-me .portrait .headshot-container{scale:.7}#projects .experience .card-backdrop .hover-info{font-size:14px;padding-bottom:50px;padding-top:18%}#projects .experience .card-backdrop .hover-info .title{font-size:20px}#projects .experience .card-backdrop .hover-info .description{font-size:13px}#projects .experience .card-backdrop .hover-info i{font-size:20px}}@media screen and (max-width:500px){#projects .experience .card-backdrop .hover-info{font-size:13px;padding-bottom:60px;padding-top:11%}}@media screen and (max-width:480px){#projects .experience .card-backdrop .hover-info .description{font-size:11px}}@media screen and (max-width:470px){#about-me .portrait .headshot-container img{width:107%}}@media screen and (max-width:450px){h2{font-size:28px}#hero .content p{font-size:12px;min-height:53px}#hero .content p .bold{font-size:13px}.social-links svg{font-size:20px}#about-me .portrait .headshot-container{padding:6px;scale:.6}#projects .experience .card-backdrop .hover-info{padding-top:18%}#projects .experience .card-backdrop .hover-info .title{font-size:18px;line-height:.7}#projects .experience .card-backdrop .hover-info .description{font-size:10px}}@media screen and (max-width:420px){#projects .experience .card-backdrop .hover-info{padding-top:11%}}@media screen and (max-width:401px){.social-links svg{margin:0 8px}#projects .experience .card-backdrop .hover-info{font-size:11px;padding-top:9%}#projects .experience .card-backdrop .hover-info .title{font-size:16px;line-height:.5}}@media screen and (max-width:380px){.social-links svg{margin:0 6px}#projects .experience .card-backdrop .hover-info{padding-top:7%}#projects .experience .card-backdrop .hover-info .description{font-size:9px}}@media screen and (max-width:360px){#projects .experience .card-backdrop .hover-info i{font-size:15px;right:15px;top:15px}#projects .experience .card-backdrop .hover-info .title{font-size:13px}#projects .experience .card-backdrop .hover-info .description{font-size:7px}}
/*# sourceMappingURL=main.2118be4e.css.map*/