:root{--background: #11152b;--background-transparent: #11152bbb;--background-super-transparent: #11152b66;--teal: #20c997;--teal-darker: #00996b;--sky-blue-darker: #00a8e6;--sky-blue-darkerer: #008bbe;--sky-blue: #73d9ff;--rustic-blue: #b0c8dd;--purplish: #9775f4;--rustic-blue-transparent: #b0c8dd77;--blueberry: #2e355a;--pink: #ec91ff;--light-gray: rgb(232, 232, 232);--gray: gray}body{background-color:var(--background)}.freeze-overflow{overflow-y:hidden}h1{font-size:99px}h3{font-weight:400}#modal{position:absolute;top:0;z-index:1000}.App{text-align:center;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:calc(10px + 2vmin);color:#fff}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}main{flex-grow:1;padding-top:80px;width:90vw;max-width:1200px;margin:auto auto 30px}.pic-and-name{width:100%;position:relative;flex-direction:row;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.portrait-container{flex-grow:1;min-width:300px;flex-basis:200px;align-self:flex-start;display:flex;flex-direction:row;justify-content:center}.portrait{width:100%;min-width:400px;max-width:600px;aspect-ratio:1;object-fit:contain;mask-image:linear-gradient(to bottom,#000000 0%,#000000 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000000 0%,#000000 40%,transparent 100%)}.intro-container{flex-basis:200px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.hello{margin:5px 0;text-align:left}.me{text-align:left;margin:5px 0 20px;position:relative}.codeboxes-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:480px}.code-container{min-width:300px;max-width:450px;box-sizing:border-box;min-height:150px;margin-bottom:20px;background:linear-gradient(193deg,#313960,#11152b);color:#fff;font-size:20px;padding:30px;line-height:150%;text-align:left}.title{color:var(--teal)}.info{color:var(--sky-blue);margin:20px 0 5px}.info.project-summary{font-size:28px}.project-outer-container{position:relative;z-index:55;width:100%}.projects-intro{width:100%;text-align:left}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.right-align{align-self:flex-end}@media(max-width:768px){.right-align{align-self:flex-start}.code-container{padding:15px 25px;font-size:16px;min-height:70px}.portrait{min-width:350px;max-width:350px}.portrait-container{max-width:500px}h1{font-size:52px}h2{font-size:28px}.project-summary.title{font-size:22px}.project-summary.info{font-size:18px}}@keyframes appear-img{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.just-loaded{animation:appear-img 2s ease-out}header{width:100%;height:80px;position:fixed;border-bottom:1px solid var(--blueberry);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:15px;padding:0 3%;box-sizing:border-box;z-index:100;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.App-header{height:80px}.chat-button{text-shadow:0 0 5px var(--blueberry),0 0 15px var(--blueberry);overflow:hidden;position:relative;height:50px;min-width:50px;border-radius:30px;border:2px solid var(--blueberry);padding:0 12px;font-size:18px;font-weight:700;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;transition-property:transform,color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mui-icon{filter:drop-shadow(2px 2px 2px var(--blueberry))}.chat-button:hover .mui-icon{filter:none}.chat-button:hover{background-color:var(--teal);color:var(--background);text-shadow:none}.chat-button.sparkle:after{content:"";z-index:-1!important;position:absolute;top:0!important;left:-250%;width:100%!important;height:100%!important;transform:skew(-15deg)!important;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)!important;animation:shine 4s linear infinite}@keyframes shine{to{left:500%}}@media(max-width:768px){.chat-button{overflow:hidden;position:relative;height:40px;min-width:40px;border-radius:20px;border:2px solid var(--blueberry);padding:0 10px;font-size:16px}}.pdf-modal{display:flex;justify-content:center;align-items:center;height:800px;max-height:100%;aspect-ratio:.8}@media(max-width:480px){.pdf-modal{height:100%;width:100%}}._backdrop_15ua8_1{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:101;background-color:var(--background);animation:_slide-down_15ua8_1 .3s ease-out forwards}._backdropTransparent_15ua8_15{cursor:pointer;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:7000;background-color:#000000a6;animation:_slide-down_15ua8_1 .3s ease-out forwards}._backdrop-blur_15ua8_32{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:20}@keyframes _blur-in_15ua8_1{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}._modal_15ua8_60{inset:0;position:fixed;overflow-y:scroll;z-index:7002;opacity:1}._modalUnfix_15ua8_74{left:0;bottom:0;width:fit-content;height:fit-content;position:fixed;overflow-y:scroll;z-index:9000;opacity:1}._exit-button_15ua8_90{margin-top:5px;position:absolute;top:5px;right:20px;font-size:28px;background:none;border:none;cursor:pointer;color:var(--rustic-blue);display:flex;flex-direction:row;align-items:center;gap:5px}._content_15ua8_107{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}@keyframes _slide-down_15ua8_1{0%{opacity:0}to{opacity:1}}._back-animation_15ua8_148{animation:_slide-from-right_15ua8_1 .3s linear .3s forwards;opacity:0}@keyframes _slide-from-right_15ua8_1{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:translate(0)}}.App{height:100vh;overflow-y:scroll}.experience-collection{margin-top:35px;flex-grow:1}.pdf-container{margin-top:35px;position:relative}.abc{position:fixed;top:100px}.def{position:absolute;bottom:0;right:0}.pdf-container-upper-level{top:0}.experience-box{padding:min(20px,5%);margin-bottom:35px;overflow:hidden;background-image:linear-gradient(180deg,#313960,#11152b);text-align:left}.experience-box{color:var(--rustic-blue);font-size:22px;line-height:1.5}.experience-box h2{margin-top:20px}.chip-container{display:flex;flex-direction:row;gap:12px;flex-wrap:wrap;margin:15px 0}.list-container{max-height:500px;overflow:hidden}.fade-bottom{-webkit-mask-image:linear-gradient(to top,transparent 0,black 90px);mask-image:linear-gradient(to top,transparent 0,black 90px)}.show-more{text-align:center;color:var(--rustic-blue);margin-top:20px;font-weight:700;cursor:pointer;opacity:.7;font-size:inherit;position:relative;top:-10px}.pdf-to-hide{pointer-events:all;z-index:77}@media(max-width:768px){.experience-box{color:var(--rustic-blue);font-size:16px;line-height:1.5}}@media(max-width:1200px){.pdf-to-hide{display:none}}footer{margin-top:35px;width:100%;text-align:left}.contact-me{font-size:32px;margin-top:15px;color:var(--sky-blue-darker);font-weight:700}.icon-container{margin-top:15px;display:flex;justify-content:flex-start;gap:20px}.icon{color:var(--rustic-blue)}._outer-container_ovib4_1{padding:20px;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-self:flex-start;gap:10px}._outer-container_ovib4_1 input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--purplish) inset!important}@media(max-width:540px){._outer-container_ovib4_1{min-width:300px;width:100%}}@keyframes _shake_ovib4_66{0%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}30%,40%,60%,80%{transform:translate(3px)}to{transform:translate(0)}}._shake_ovib4_66{animation:_shake_ovib4_66 .5s ease-in-out}._flip-card-inner_ovib4_70{height:fit-content;position:relative;transition:transform .8s;transform-style:preserve-3d}._flip-card-front_ovib4_81,._flip-card-back_ovib4_82{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}._flip-card-front_ovib4_81{position:relative;background-image:linear-gradient(180deg,#313960,#11152b)}._flip-card-back_ovib4_82{position:absolute;background-color:var(--teal);color:#313960;display:flex;justify-content:center;align-items:center;gap:20px;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg)}._fliiip_ovib4_116{transform:rotateY(180deg)}._flip-card_ovib4_70{width:100%;max-width:540px;height:fit-content;perspective:1000px}._myInfo_ovib4_134{color:var(--rustic-blue);display:flex;flex-direction:column;justify-content:center;gap:20px}.contact-info-me a{color:inherit;text-decoration:none}.contact-info-me{font-size:24px}@media(max-width:768px){.contact-info-me{font-size:20px}}.contact-info-me a:hover,.text-holder:hover{text-decoration:underline}.project{width:100%;position:relative;height:auto;margin-bottom:70px;-webkit-tap-highlight-color:rgba(255,255,255,0)}.project-summary{background-color:#11152bb3;width:40%;position:absolute;right:0;top:20px;text-align:left;z-index:2;padding:16px;margin-left:-16px}.project-summary .title{margin-bottom:0;font-weight:700}.project-summary .info{margin-top:0}.see-more-project{border-radius:30px;position:absolute;right:0;bottom:10%;z-index:3;margin-top:5px;color:#c9c9c9;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.caret-container{border:1px solid rgb(201,201,201);height:36px;width:36px;border-radius:18px;display:flex;justify-content:center;align-items:center;margin-left:10px}.img-container{position:relative;width:75%}.img-container.details{position:relative;width:100%}.img-container:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;float:left}.DDDDimage-filter{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background:linear-gradient(to right,transparent,var(--background-transparent));opacity:1;transition-property:opacity;transition-duration:.6s}.project img{position:relative;width:100%;aspect-ratio:1.77}.project-title-overlay{position:absolute;top:0;left:0;color:var(--teal);font-size:44px;font-weight:700;margin:20px}.project-title-outside{color:transparent;font-size:28px;font-weight:700;margin:10px 0;color:var(--teal);display:none}.live-demo{font-size:28px;font-weight:700;color:var(--sky-blue);text-decoration:underline;cursor:pointer;text-align:center;margin:40px 0}@media(min-width:769px){.img-container-gradient:after{background-image:linear-gradient(to right,transparent,var(--background-transparent))}}@media(max-width:768px){.project{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.project div{position:relative}.project-summary{width:100%;top:0}.img-container{width:100%}.img-container-gradient:after{background-image:linear-gradient(7deg,#10142a,#0000 95%)}.details.img-container-gradient:after{background-image:linear-gradient(7deg,#10142a,#0000 95%)}.project-title-overlay{display:none}.project-title-outside{display:block}.live-demo{font-size:18px}}@keyframes disappear{0%{opacity:1}to{opacity:0}}.qr-code{width:150px}.qr-code-new{width:150px;height:150px;background:url(https://portfolio-nick-v2.s3.us-east-1.amazonaws.com/qr-code-dance.png?response-content-disposition=inline&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEBYaCXVzLWVhc3QtMSJIMEYCIQDOZ%2FkrqTAPSCTvOVhfje%2F7FgYgF3dN4c%2BCn9tMs2gOwAIhAINiVbNzURpfljrQ49S95lYz86EmSTutTOcfD9UDXS5xKu0CCN7%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEQARoMMzg1Mjg4MzQxNzYzIgwpz4X2ZFDdd93lkVcqwQJaVKq7WoNjFtnDXA7ORWnfk%2F0okuUofZuaZ7hZdnuHfeqoaAf2CB5LG1S3MTH%2FZmSbqwYp6yCf3amsZpn3xIEBy1ySVoRZryh3EQTE6UKsni0y1JU2L9YWUI8DHh7iF5RoVMObx8eTN3blAzQVabj7lkEWgsETWTZdjscaFGW4hQGhX6eGVJB9zjxXFa1nkzoF5OZJdZvh%2F8wlEMNU0RvC%2Bj%2F8XFfQpgt0uiz6wDIgFXGlBqVvX2UqKcybk1bb4gMlkvl8qVXtreAu1X8CQbXOEkWSXhyV%2Bj56%2FHvBxSuI5vZyrKTujZ%2F2GqNr%2FI%2F3FEtNEmTS3Is3BlOH7caJxtFgtS%2FLjccPi0hD4%2FlKhguTyQtXFnDPDmQQ%2FBt4zjmcQ%2BUanxzm1uYz2YClxCmsghKCKN3cLuGwj8FeQkCAENAdTbowgMLbtAY6sgIAsTf3ou0Alo%2FBBiU5eKGmXfcOOU5H9od2hI1vnqLIRHbB47GxqXVqWjV%2BrR5rLN16ieUIFSOejj7tDhfs1dTJDzxjInG21YuWJ1lHiaFn0uYszlyBUewvUU6OxjzNWis4SkW5YKxe1v68Cr%2BXETv0tKUraquir0p75MQeg%2B%2FeHyAM3s0ncb17zJQKeWi4WcDwavDdOXL8rrpPrRJgCTUA44dqmLHcX2d7CEkwifcStTfLMJEwl3gNX5D%2BAGolwIL7%2F%2Bv6mf73n%2FkZUkVxABaEcwd7m%2Bu4E%2BJ9df6i892PJ6lhy2izeit6L3BiDslFJQIG5%2FGsv6je%2BytNCQYHCbluZjipba4WN8OSr8S4i1oFlGc7WSYMb1i1wWlRVdEKxJneLHowfi5QJPmGp8NkkGQfXl4%3D&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20240716T221743Z&X-Amz-SignedHeaders=host&X-Amz-Expires=300&X-Amz-Credential=ASIAVTNHZREBWV2IEM53%2F20240716%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Signature=649a3db5cb77572be3eca8ed36b8e46502e980c3b12598420013dd0f95ec9107),var(--sky-blue);background-blend-mode:multiply;background-size:150px 150px}.project-content{opacity:0;animation:slide-up .3s linear .3s forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}.warning-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.qr-div{position:absolute;top:100px;left:50%;transform:translate(-50%);width:150px;height:150px;overflow:hidden}.qr-div img{display:block;background-color:red;mix-blend-mode:multiply;position:relative;left:-3%;width:106%;top:-3%;height:106%}.qr-div:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.skip-qr{font-weight:700;color:var(--sky-blue-darker);cursor:pointer}.close-qr-modal{position:absolute;top:8px;right:8px}.phone-hand-container{position:relative;left:-25px;width:100%;height:370px;overflow:hidden;margin:10px;display:flex;justify-content:center;align-items:center}.phone-hand{width:110%}@keyframes appear{0%{opacity:1}to{opacity:1}}#chatbox{position:absolute;bottom:0;right:0;z-index:66}.notchedOutline{border-width:10px;border:none}.outer-container{pointer-events:all;width:400px;height:600px;margin:15px;position:absolute;right:0;bottom:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.outer-container.mobile{width:100%;height:430px;margin:0;border:none;border-radius:12px 12px 0 0;position:fixed}.chat-header{background-color:var(--teal);color:#fff;padding:8px;height:60px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;font-size:24px;font-weight:700}.me-chat-image{height:55px;aspect-ratio:1;border-radius:50%;background-color:#fff;background-color:var(--teal)}.me-chat-image.smaller-image{height:35px;margin-bottom:7px}.exit-chat{opacity:.5}.message-container{background-color:var(--light-gray);height:200px;padding:12px;width:100%;box-sizing:border-box;flex-grow:1;margin:0;overflow-y:scroll}.chat-list{width:100%;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.photo-message-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}.single-chat{background-color:#fff;min-width:125px;max-width:225px}.shared-message{padding:10px;margin:7px;border-radius:15px}.prompt-list{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.prompt{background-color:var(--light-gray);border:2px solid var(--sky-blue-darker);color:var(--sky-blue-darker);font-weight:700}.online-dot{position:absolute;bottom:-2px;right:-2px;height:12px;aspect-ratio:1;background-color:#30cb61;border:3px solid var(--sky-blue-darker);border-radius:50%}.chat-texfield{border-top:1.5px solid rgb(223,223,223)}@media(max-width:640px){.single-chat{min-width:125px;max-width:70%}}.under-contruction{width:100%;height:100%;object-fit:contain;position:absolute;z-index:1001;pointer-events:none;background-color:#0006}.typing{padding:2px}.typing__dot{float:left;width:8px;height:8px;margin:0 4px;background:#6e6e6e;border-radius:50%;opacity:0;animation:loadingFade 1s infinite}.typing__dot:nth-child(1){animation-delay:0s}.typing__dot:nth-child(2){animation-delay:.2s}.typing__dot:nth-child(3){animation-delay:.4s}@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}to{opacity:0}}