body{margin:0;padding:0}.hero{position:relative;width:100vw;height:90vh;display:flex;justify-content:center;align-items:center}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/portfolio-header.png);background-repeat:no-repeat;background-size:cover;background-position:center center}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;padding:0 1rem;color:#fff;text-align:center;z-index:2}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-title{font-size:70px;font-weight:600;letter-spacing:.125rem;text-transform:uppercase;margin-bottom:0}.hero-subtitle{font-size:50px;font-weight:400;margin-top:1rem}.heroType{font-size:22px;font-weight:200;font-family:Montserrat,sans-serif}@media (max-width: 900px){.hero{height:100vh}}.navBarWrapper{text-align:center;position:sticky;top:0;overflow:hidden;z-index:10}.navbar{width:100vw;height:67px;background-color:#171717;border-bottom:1px solid #242424;opacity:.98;display:flex;justify-content:center;align-items:center;position:relative}.navLinks{display:flex;gap:100px}.menuIcon{display:none;background:none;border:none;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem}.mobileNavToggle{color:#a1a1a1}.link{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;background-image:linear-gradient(to right,#ccc,#ccc 50%,#fff 50%);background-size:200% 100%;background-position:-100%;display:inline-block;margin:0 50px;position:relative;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease-in-out;text-decoration:none}.link:before{content:"";background:#fff;display:block;position:absolute;bottom:-6px;left:0;width:0;height:3px;transition:all .3s ease-in-out}.link:hover{background-position:0}.link:hover:before{width:100%}@media screen and (max-width: 950px){.navbar{flex-direction:column;min-height:67px;height:auto;padding:1rem 0;position:fixed;left:0;right:0;top:0}.navLinks{width:100%;flex-direction:column;gap:0}.navbar.responsive .navLinks{display:flex}.navLinks{padding-bottom:1rem}.menuIcon{display:block}.link{margin:0;padding:1rem 0;width:100%;text-align:center;text-decoration:none}.link:before{bottom:0;left:50%;transform:translate(-50%)}.link:hover:before{width:10%}.navLinks{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease-in-out,max-height .3s ease-in-out}.navLinks.visible{opacity:1;max-height:400px}.navLinks.hidden{opacity:0;max-height:0}}#bio{background-color:#0d0c0d;padding-bottom:100px}.bioWrapper{margin:100px 20vw 0px}@media (min-width: 901px) and (orientation: portrait){.bioWrapper{margin:100px 10vw 0px}}@media (max-width: 900px){.bioWrapper{margin:100px 8vw 0px}}@media (max-width: 540px){.hero-title{font-size:44px}.hero-subtitle{font-size:36px}}.list{display:flex;gap:8px;padding:16px;list-style:none;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.list::-webkit-scrollbar{display:none}.item{flex-shrink:0;width:365px;height:100%;scroll-snap-align:center}.image{width:100%;object-fit:contain;cursor:pointer}img.image:hover{box-shadow:#006ca373 0 15px 25px,#006ca30d 0 5px 10px;-webkit-transition:box-shadow .3s ease-in,color .3s ease-in;transition:box-shadow .3s ease-in,color .3s ease-in}.icon{width:40px;height:40px;object-fit:contain;margin-top:16px}.linkOutIcon{font-size:30px;cursor:pointer;color:#fff;-webkit-transition:color .2s ease-out,color .2s ease-out;transition:color .2s ease-out,color .2s ease-out}.linkOutIcon:hover{color:#006ca3;-webkit-transition:color .3s ease-in,color .3s ease-in;transition:color .3s ease-in,color .3s ease-in}*{box-sizing:border-box}.column{float:left;padding:5px}.left{width:15%}.right{width:85%}.row:after{content:"";display:table;clear:both}.content{display:inline;align-items:end}.projectTitle{font-weight:500;margin-bottom:5px}.description{color:#a1a1a1;margin-top:0}.list-wrapper{position:relative}.round{position:absolute;top:90%;width:50px!important;cursor:pointer;height:50px!important;border-radius:50%!important;padding:0!important}.button--previous{right:6rem}.button--next{right:1.5rem}.Dropdown-root{position:relative}.Dropdown-control{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px #0000000f}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover,.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.projectsWrapper{background-color:#171717;padding-top:5px;padding-bottom:100px}.projectsHeader{margin:0px 20vw}.portfolioHed{margin-top:0;margin-bottom:1rem}.portfolioSub{color:#a1a1a1}@media (min-width: 901px) and (orientation: portrait){.projectsHeader{margin:0px 10vw}}@media (max-width: 900px){.projectsHeader{margin:0px 8vw}}.btnGroup{display:flex;flex-direction:row;flex-wrap:wrap}.btnSmall{margin-right:36px;margin-bottom:1rem}.btnLong{width:270px!important;margin-bottom:1rem}.Dropdown-control{color:#006ca3;font-size:18px;border:2px solid #006ca3;background-color:#006ca31a;border-radius:5px;cursor:pointer}.Dropdown-arrow{border-color:#006ca3 transparent transparent;top:18px}.is-open .Dropdown-arrow{border-color:transparent transparent #006ca3}.Dropdown-menu{margin-top:2px;background-color:#171717;opacity:1;border:2px solid #171717;border-radius:5px}.Dropdown-option{color:#fff}.Dropdown-option:hover{background-color:#006ca31a;color:#006ca3}.section-wrapper{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease-in-out,max-height .3s ease-in-out}.section-wrapper.visible{opacity:1;max-height:1000px;margin-bottom:2rem}.section-wrapper.hidden{opacity:0;max-height:0;margin-bottom:0}#resume{background-color:#0d0c0d}.resumeWrapper{padding-top:5px;margin:0px 20vw;display:flex;flex-direction:row}.flexSectionOne{flex-basis:40%;margin-right:3rem}.flexSectionTwo{flex-basis:60%}@media (max-width: 1300px) and (orientation: landscape){.resumeWrapper{margin:0px 10vw}}@media (min-width: 901px) and (orientation: portrait){.resumeWrapper{margin:0px 10vw;flex-direction:column}}@media (max-width: 900px){.resumeWrapper{margin:0px 8vw;flex-direction:column}.flexSectionOne{flex-basis:100%;margin-right:0}.flexSectionTwo{flex-basis:100%}}.resumeHed{margin-top:0;margin-bottom:1rem}.flexContainer{display:flex;align-items:center}.resumeLinkedIn{font-size:3rem;color:#006ca3;padding-right:1rem}.iconContainer{padding:1.3rem;background-color:#006ca3;border-radius:3px;width:42px;height:42px;display:flex;justify-content:center;align-items:center}.resumeGitHub{font-size:2.1rem;color:#0d0c0d}.accordionIconContainer{padding:1.3rem;background-color:#363636;border-radius:3px;width:42px;height:42px;margin-right:1.2rem;display:flex;justify-content:center;align-items:center}.accordionIcon{font-size:1.5rem}.accordionContainer{display:flex}.accordion{margin-top:1rem}.accordionItem{width:100%;margin-bottom:27px}.itemBtn{cursor:pointer;display:flex;align-items:center;width:100%;padding:1rem;font-size:1rem;text-align:left;color:#fff;background-color:transparent;border:1px dotted #ccc}.itemBtn:hover{background-color:#171717}.itemBtnExpanded{border:0px solid transparent;padding:0rem}.itemBtnExpanded:hover{background-color:#0d0c0d}.itemContent{transition:height .25s cubic-bezier(0,0,0,1)}.itemPanel{padding:1rem}.hedStyle{font-weight:700;font-size:18px}.resumeDetails{color:#a1a1a1;font-size:16px}@media (max-width: 540px){.itemBtn{border:1px solid #ccc}.itemBtnExpanded{border:0px solid transparent}}#skills{background-color:#0d0c0d}.skillsWrapper{padding-top:5px;padding-bottom:100px;margin:0px 20vw}@media (max-width: 1300px) and (orientation: landscape){.skillsWrapper{margin:0px 10vw}}@media (min-width: 901px) and (orientation: portrait){.skillsWrapper{margin:0px 10vw}}@media (max-width: 900px){.skillsWrapper{margin:0px 8vw;flex-direction:column}}.skillsHed{margin-top:0;margin-bottom:1rem}.scrollingWrapper{position:relative;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin-top:2rem;margin-bottom:20px;width:100%;-webkit-overflow-scrolling:touch}.ScrollbarsCustom-TrackX{background:#a1a1a1!important;border-radius:10px!important;height:8px!important}.ScrollbarsCustom-ThumbX{background:#006ca3!important;border-radius:10px!important;height:8px!important}.fadeContainer{position:relative}.fadeContainer:before,.fadeContainer:after{content:"";position:absolute;top:0;height:calc(100% - 8px);width:75px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.fadeContainer:before{left:0;background:linear-gradient(to left,#0d0c0d00,#0d0c0d)}.fadeContainer:after{right:0;background:linear-gradient(to right,#0d0c0d00,#0d0c0d)}.fadeContainer.showLeftFade:before{opacity:1}.fadeContainer.showRightFade:after{opacity:1}.topGroup{margin-bottom:22px}.bottomGroup{margin-bottom:25px}.card{display:inline-flex;width:170px;height:170px;background:#171717;border-radius:15px;text-align:center;flex-direction:column;justify-content:center;align-items:center;vertical-align:top}.card i{font-size:80px;height:80px;width:80px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.card img{height:80px;width:80px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.skillName{margin:0;font-weight:700;font-size:20px;text-align:center}.card:not(:last-child){margin-right:18px}.footerWrapper{height:200px;background-color:#171717;display:flex;justify-content:center;align-items:center}.footerContent{margin:0px 20vw;display:flex;flex-direction:column}.footerContent .flexContainer{justify-content:center}.linkedInGray{color:#363636}.iconContainerGray{background-color:#363636}.gitHubGray{color:#171717}.copyright{color:#a1a1a1;text-align:center}._modalOverlay_2a5cf_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}._centered_2a5cf_12{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}._modal_2a5cf_1{width:60vw;height:auto;background-color:#0d0c0d;color:#fff;border-radius:16px;box-shadow:#006ca373 0 15px 25px,#006ca30d 0 5px 10px;-webkit-transition:box-shadow .3s ease-in,color .3s ease-in;transition:box-shadow .3s ease-in,color .3s ease-in;z-index:20;position:relative;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}._modal_2a5cf_1::-webkit-scrollbar{display:none}._hedContainer_2a5cf_42{display:flex;justify-content:space-between;align-items:flex-start;margin:1rem 1rem 2rem 2rem}._heading_2a5cf_52{margin:0;margin-top:1rem;margin-right:6rem;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;color:#fff;font-size:24px}._closeBtn_2a5cf_64{cursor:pointer;padding:8px 12px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;border:2px solid #006ca3;font-size:18px;color:#006ca3;background-color:#006ca326;transition:all .25s ease}._closeBtn_2a5cf_64:hover{background-color:#006ca3;color:#fff}._modalContent_2a5cf_85{padding:0 2rem 2rem;font-size:16px;color:#a1a1a1;display:flex;flex-direction:row;gap:20px}._openSansSemi_2a5cf_94{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100;margin-top:0}._strong_2a5cf_103{font-weight:700}._light_2a5cf_107{font-weight:400}._columnLeft_2a5cf_111{width:60%}._columnRight_2a5cf_115{width:40%}._modalImg_2a5cf_119{width:100%;object-fit:contain}._linkSection_2a5cf_125{margin-top:2rem;display:flex;gap:1rem;align-items:flex-start;justify-content:space-evenly;flex-flow:row wrap}._siteIcon_2a5cf_134{height:40px;object-fit:contain;transition:opacity .2s ease}._siteIcon_2a5cf_134:hover{opacity:.8}@media (max-width: 1000px){._modal_2a5cf_1{width:90vw;height:80vh}._modalContent_2a5cf_85{flex-wrap:wrap;padding-bottom:3rem}._columnLeft_2a5cf_111,._columnRight_2a5cf_115{width:100%}}@media (max-width: 540px){._hedContainer_2a5cf_42{flex-wrap:wrap;flex-direction:column-reverse;margin:0}._heading_2a5cf_52{margin:2rem 1rem}._modalContent_2a5cf_85{padding:0 1rem 3rem}._closeBtn_2a5cf_64{width:100%;border-radius:16px 16px 0 0;margin-top:0;margin-right:0}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}html{background-color:#171717;scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3{font-family:Montserrat,sans-serif;color:#fff}h4{font-family:Open Sans,sans-serif;color:#006ca3;font-size:24px;font-weight:500;text-transform:uppercase;margin:44px 0 10px}h3{font-size:36px;font-weight:500;text-transform:uppercase}body{font-family:Open Sans,sans-serif;color:#fff}.copy{font-size:18px}.mutedCopy{font-size:18px;color:#a1a1a1;margin-bottom:0}.mt{margin-top:2rem}#projects,#resume{padding-top:6em}#bio{padding-top:4em}.tippy-box[data-theme~=drewoday]{background-color:#006ca326;color:#006ca3;border:2px solid #006ca3}.tippy-box[data-theme~=drewoday][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#006ca3;top:-.5rem}.tippy-box[data-theme~=drewoday][data-placement^=right]>.tippy-arrow:before{border-right-color:#006ca3;left:-.5rem}.button{display:inline-block;text-transform:uppercase;width:170px;padding:15px 0;color:#006ca3;font-size:18px;border:2px solid #006ca3;background-color:#006ca31a;border-radius:5px;text-align:center;outline:none;text-decoration:none;-webkit-transition:background-color .2s ease-out,color .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out}.button:hover,.button:active{background-color:#006ca3;color:#fff;-webkit-transition:background-color .3s ease-in,color .3s ease-in;transition:background-color .3s ease-in,color .3s ease-in}