@font-face{font-family:Dustismo;font-style:normal;font-weight:400;src:url(/assets/dustismo.ttf) format("truetype")}:root{--black: #000;--white: #fff;--dark-grey: #070707;--light-grey: #7b7b7b;--highlight-blue: #a0bdff;--wrapper-height: 31.25rem;--wrapper-width: 60rem;--gutter-width: 1.25rem;--sidebar-width: 8.5rem;--base-font: "Dustismo", Arial, Helvetica, sans-serif;--heading-font: "Dustismo", Arial, Helvetica, sans-serif}body{background:var(--black);font-family:var(--base-font);display:flex;min-height:100vh;margin:0;padding:1rem;box-sizing:border-box}body.error #content{padding:.3rem}a{color:var(--highlight-blue);text-decoration:none;transition:all .3s ease}a:hover{text-decoration:underline}q:before,q:after{content:""}ul{margin:0;padding:0}li{list-style:none}.highlight{color:var(--highlight-blue)}.image-replacement{color:transparent;font:0/0 a;text-shadow:none}.social{display:flex;flex-direction:column;gap:.6rem}.social li{background:url(/images/icons.png) 0px no-repeat;width:3.25rem;height:3.2rem}.social li a{color:transparent;font:0/0 a;text-shadow:none;display:block;height:100%;width:100%;transition:all .3s ease}.social li a:hover{color:var(--highlight-blue);font-family:var(--base-font);font-size:.75rem;text-decoration:none;background:#0006;border-radius:4px;text-align:center;line-height:3.2rem}.social .mail{background-position:0px top}.social .facebook{background-position:-3.25rem top}.social .linked-in{background-position:-6.5rem top}#wrapper{background:#1c1c1c url(/images/motif.jpg) left bottom no-repeat;margin:auto;height:auto;min-height:var(--wrapper-height);width:100%;max-width:var(--wrapper-width);border-radius:1rem;overflow:hidden;box-shadow:0 1.875rem 3.75rem #0009,0 0 6.25rem #a0bdff0d;border:1px solid rgba(255,255,255,.03);display:flex;box-sizing:border-box;position:relative}#content-wrapper{flex-grow:1;display:flex;flex-direction:column;padding:1.875rem 1.875rem 1.875rem 0;box-sizing:border-box;height:auto;overflow:visible}#content{background:#070707e6;border:1px solid rgba(255,255,255,.03);border-radius:.75rem;color:var(--light-grey);flex-grow:1;line-height:1.5;padding:1.5rem;box-sizing:border-box}#content a{text-decoration:underline}#content em{color:var(--highlight-blue);font-style:normal}#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{font-family:var(--heading-font);font-weight:600}#content h2{color:var(--highlight-blue);font-size:1.625rem;margin-top:0;margin-bottom:.9rem;letter-spacing:-.02em}#content p{margin-bottom:1rem}#sidebar{width:var(--sidebar-width);padding:1.875rem 1.25rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;height:auto}#navigation{background-color:var(--dark-grey);display:block;border-radius:6px;padding:.5rem 0}#navigation li{padding:.3rem .6rem}#navigation a{color:var(--light-grey);font-size:1.375rem;font-family:var(--heading-font);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}#navigation a:hover{transform:translate(4px);color:var(--highlight-blue);text-decoration:none}#navigation .active a{color:var(--highlight-blue)}#message-me .social{flex-direction:row;gap:.9rem}#message-me .social li a:hover{line-height:3.2rem;width:3.25rem}#footer{margin-top:1rem;color:var(--light-grey);font-size:.7rem;line-height:1.3;display:flex;justify-content:space-between;align-items:flex-end;position:relative;box-sizing:border-box;min-height:5.5rem}#footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}#testimonials{position:relative;overflow:hidden;height:4rem;width:28rem;margin:0}#testimonials .testimonial{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(.98);transition:opacity .5s ease-in-out,transform .5s ease-in-out;animation:fade-slideshow 20s infinite;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}#testimonials .testimonial a{font-size:.75rem;color:var(--highlight-blue)}#testimonials .testimonial cite{display:block;text-align:right;margin-top:.25rem;font-style:normal}#testimonials .testimonial em{color:var(--highlight-blue);font-style:normal}#testimonials .testimonial q{display:block;font-style:italic;text-align:justify}#testimonials .testimonial:nth-child(1){animation-delay:0s}#testimonials .testimonial:nth-child(2){animation-delay:-15s}#testimonials .testimonial:nth-child(3){animation-delay:-10s}#testimonials .testimonial:nth-child(4){animation-delay:-5s}@keyframes fade-slideshow{0%,20%{opacity:1;transform:scale(1);z-index:1}25%,95%{opacity:0;transform:scale(.98);z-index:0}to{opacity:1;transform:scale(1);z-index:1}}#branding{color:transparent;font:0/0 a;text-shadow:none;background:url(/images/logo.png) top left no-repeat;display:block;height:30px;width:189px;margin:0}#designed-by{display:flex;align-items:center;gap:.5rem}#designed-by a{color:transparent;font:0/0 a;text-shadow:none;background:url(/images/fieryscribe.png) left top no-repeat;display:block;height:21px;width:62px}#copyright{margin:0}body#home #navigation li.home a{color:var(--highlight-blue)}body#home #content{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}body#home #content .column{position:relative}body#home #slideshow{grid-column:1 / span 3;padding:5px}body#home #slideshow ul{display:flex;gap:10px;margin-top:10px}body#home #slideshow li{background:url(/images/slideshow.jpg) top left no-repeat;display:block;height:91px;width:145px;border-radius:6px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}body#home #slideshow li a{display:block;width:100%;height:100%;color:transparent;font:0/0 a;text-shadow:none}body#home #slideshow li:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 12px #00000080,0 0 8px #a0bdff14}body#home #slideshow li.all-voice-talent{background-position:0px top}body#home #slideshow li.hkcec{background-position:-145px top}body#home #slideshow li.nirmukta{background-position:-290px top}body#home #slideshow li.soldnerx{background-position:-435px top}body#home #slideshow li.theplace{background-position:-580px top}body#contact #navigation li.contact a{color:var(--highlight-blue)}body#contact #content{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}body#portfolio #navigation li.portfolio a{color:var(--highlight-blue)}body#portfolio #portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}body#portfolio #portfolio-grid li{background:center center no-repeat;background-size:cover;border-radius:10px;height:120px;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent}body#portfolio #portfolio-grid li a{color:transparent;font:0/0 a;text-shadow:none;display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;line-height:1.2}body#portfolio #portfolio-grid li:hover{background-image:none!important;border-color:var(--white)}body#portfolio #portfolio-grid li:hover a{color:var(--highlight-blue);font-family:var(--base-font);font-size:1.25rem;font-weight:500;text-decoration:none}body#portfolio #portfolio-grid li.coming-soon{opacity:.3}body#portfolio #portfolio-grid li.coming-soon:hover{border-color:transparent}body#portfolio #portfolio-grid li.avt{background-image:url(/images/portfolio/thumbs/140/allvoicetalent.jpg)}body#portfolio #portfolio-grid li.fieryscribe{background-image:url(/images/portfolio/thumbs/140/fieryscribe.jpg)}body#portfolio #portfolio-grid li.geographyzone{background-image:url(/images/portfolio/thumbs/140/geographyzone.jpg)}body#portfolio #portfolio-grid li.hkcec{background-image:url(/images/portfolio/thumbs/140/hkcec.jpg)}body#portfolio #portfolio-grid li.nirmukta{background-image:url(/images/portfolio/thumbs/140/nirmukta.jpg)}body#portfolio #portfolio-grid li.proceeco{background-image:url(/images/portfolio/thumbs/140/proceeco.jpg)}body#portfolio #portfolio-grid li.protexplan{background-image:url(/images/portfolio/thumbs/140/protexplan.png)}body#portfolio #portfolio-grid li.remediare{background-image:url(/images/portfolio/thumbs/140/remediare.png)}body#portfolio #portfolio-grid li.soldnerx{background-image:url(/images/portfolio/thumbs/140/soldnerx.jpg)}body#portfolio #portfolio-grid li.theplace{background-image:url(/images/portfolio/thumbs/140/theplace.png)}body#portfolio #portfolio-grid li.yougrow{background-image:url(/images/portfolio/thumbs/140/yougrow.png)}body#portfolio #portfolio-grid li.coming-soon{background-image:url(/images/portfolio/thumbs/140/coming-soon.png)}body#portfolio #content:has(#meta){display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}body#portfolio #meta img.screenshot{border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-bottom:1rem;width:100%;max-width:300px}body#portfolio #meta label{display:block;font-weight:600;color:var(--white);margin-top:1rem}body#portfolio #description h2{margin-top:0}body#portfolio #description .acknowledgement{font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem;margin-top:1.5rem;font-style:italic}body#resume #navigation li.resume a{color:var(--highlight-blue)}body#resume #content-wrapper{position:relative}body#resume #resume-tabs{position:absolute;top:0;left:0;display:flex;gap:1.5rem}body#resume #resume-tabs a{color:var(--light-grey);font-size:1.375rem;font-family:var(--heading-font);text-decoration:none;padding-bottom:.25rem;border-bottom:2px solid transparent;transition:all .3s ease}body#resume #resume-tabs a:hover{color:var(--highlight-blue)}body#resume #resume-tabs a.active-tab{color:var(--highlight-blue);border-bottom-color:var(--highlight-blue)}body#resume section{margin-top:2.5rem;height:auto;overflow-y:visible}.js body#resume section{display:none}.js body#resume section.active-section{display:block;animation:resumeFadeIn .35s cubic-bezier(.4,0,.2,1)}@keyframes resumeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body#resume .job{margin-bottom:1.5rem}body#resume .job .title{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:.25rem}body#resume .job .title a{color:var(--highlight-blue);font-weight:600}body#resume .job .title .company{color:var(--white);font-weight:500}body#resume .job .meta{font-size:.875rem;margin-top:.25rem;margin-bottom:.75rem;display:flex;gap:1rem}body#resume .job .meta .type{font-weight:600}body#resume .job .meta .urls{display:inline-flex;gap:.5rem}body#resume .job label{font-weight:600;color:var(--white);display:block;margin-top:.5rem}body#resume .job ul.duties{margin-left:1rem}body#resume .job ul.duties li{list-style:disc;margin-bottom:.25rem}body#resume .job ul.details{margin-left:1rem}body#resume .job ul.details li{list-style:circle;margin-bottom:.1rem}body#resume .job .tools{font-style:italic}body#resume #education table{width:100%}body#resume #education h3.title{margin:0;font-size:1.1rem}body#resume #education .institution{font-weight:600;color:var(--white)}body#resume #education .date{text-align:right}body#resume #education .spacer{height:1rem}body#resume #publications p{line-height:1.6}body#resume #publications .author{font-weight:600}body#resume #publications .title{font-style:italic;color:var(--white)}body#resume #publications .publisher{font-weight:500}body#resume #publications .url a{text-decoration:underline}body#resume #honors p{display:flex;justify-content:space-between}body#resume #skills table{width:100%}body#resume #skills td{padding:.5rem 0;vertical-align:top}body#resume #skills .field{width:12.5rem;font-weight:600;color:var(--white)}@media screen and (max-width: 959px){body{display:block;min-height:auto;background:var(--black)}#wrapper{position:relative;top:auto;left:auto;margin:0 auto;width:100%;max-width:100%;height:auto;min-height:100vh;background:#1c1c1c;box-sizing:border-box;display:flex;flex-direction:column;padding:10px 0}#sidebar{float:none;width:100%;height:auto;margin:0;padding:15px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}#sidebar .social{position:static;margin-top:15px;display:flex;flex-direction:row;justify-content:center;gap:15px}#sidebar .social li{float:none;margin:0}#navigation{width:100%}#navigation ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}#navigation li{float:none;padding:0}#navigation a{font-size:20px}#content-wrapper{float:none;width:100%;box-sizing:border-box;padding:0 15px;flex-grow:1;display:flex;flex-direction:column}#content{height:auto;min-height:auto;margin-top:15px;padding:20px;box-sizing:border-box;flex-grow:1;overflow:visible}body#home #content{grid-template-columns:1fr;gap:1.5rem}body#home #slideshow{grid-column:1}body#contact #content{grid-template-columns:1fr;gap:1.5rem}body#portfolio #content:has(#meta){grid-template-columns:1fr;gap:1.5rem}#footer{margin-top:25px;padding:15px 0;border-top:1px solid #2d2d2d;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;position:relative;height:auto;overflow:visible}#footer-meta{align-items:center;text-align:center;gap:10px}#testimonials{float:none;margin:0 auto;width:100%;max-width:100%;height:90px}#testimonials .testimonial{right:0;width:100%;box-sizing:border-box;padding:0 20px;height:90px;animation-name:swap-mobile}#testimonials .testimonial q{font-size:13px;line-height:140%}#testimonials .testimonial cite{font-size:11px;margin-top:5px}#testimonials .testimonial:nth-child(1){animation-delay:0s}#testimonials .testimonial:nth-child(2){animation-delay:-15s}#testimonials .testimonial:nth-child(3){animation-delay:-10s}#testimonials .testimonial:nth-child(4){animation-delay:-5s}#branding{float:none;margin:0 auto}#designed-by{float:none;clear:both;margin:0 auto;display:flex;align-items:center;justify-content:center}#designed-by label{margin-right:5px}#copyright{position:static;margin:5px auto 0;text-align:center}}@keyframes swap-mobile{0%,20%{opacity:1;transform:scale(1);z-index:1}25%,95%{opacity:0;transform:scale(.98);z-index:0}to{opacity:1;transform:scale(1);z-index:1}}@media screen and (max-width: 768px){body#home #slideshow ul{flex-wrap:wrap;justify-content:center}body#portfolio #portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}body#portfolio #portfolio-grid li{height:100px}body#portfolio #portfolio-grid li:hover a{font-size:1rem}body#portfolio #meta img.screenshot{max-width:100%}body#resume #content-wrapper{position:static}body#resume #resume-tabs{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;width:100%}body#resume #resume-tabs li{float:none;margin:0}body#resume #resume-tabs a{font-size:15px;background:#252525;padding:6px 12px;border-radius:4px;border:1px solid #333;display:inline-block;border-bottom:1px solid #333;transition:all .3s ease}body#resume #resume-tabs a:hover{border-color:var(--highlight-blue)}body#resume #resume-tabs a.active-tab{background:var(--highlight-blue);color:var(--black);border-color:var(--highlight-blue)}body#resume section{height:auto;max-height:none;overflow:visible;margin-top:15px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.js body#resume section{border-bottom:0;padding-bottom:0}body#resume section:last-of-type{border-bottom:0}body#resume .job .title,body#resume .job .meta{flex-direction:column;gap:5px}body#contact #contact-form iframe{max-width:100%;width:100%!important}}
