body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000}body{font-family:Arial,sans-serif;line-height:1;overflow:hidden}*,body{margin:0}*{box-sizing:border-box;padding:0}canvas{height:100vh;width:100%}.section-separator{height:2rem}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@media only screen and (max-width:576px){.mobile-sep{height:1.25rem}}.loading-screen{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100%;z-index:999}.loading-screen>h2{color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}.overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#20202033;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:20}.modal{background-color:#fdf5ff;border:8px solid #ab9ff2;border-radius:25px;color:#363348;font-size:2.2rem;left:50%;max-width:100%;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:9999}.modal,.modal-wrapper{align-items:center;display:flex;justify-content:center}.modal-wrapper{flex-direction:column;gap:24px;width:100%}.modal-title{align-items:center;background-color:#ab9ff2;border-radius:5rem;box-shadow:0 3px 8px #0000003d;color:#6c3f7c;color:#fff;display:flex;justify-content:center;padding:10px 80px;text-align:center}.modal-paragraph-header{font-size:1.5rem;margin-bottom:8px;margin-top:24px}.modal-content-wrapper{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:10px;touch-action:pan-y}.modal-content{-webkit-overflow-scrolling:touch;overflow:hidden;position:relative;width:100%}.contact-button-wrapper{align-items:center;display:flex;justify-content:center;justify-content:space-between;margin-top:24px;width:100%}.contact-svg{cursor:pointer;height:40px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:40px}.github,.instagram,.linkedin,.mail{stroke:#ab9ff2;color:#ab9ff2}.mail{height:68px;width:68px}.github,.linkedin{height:60px;width:60px}.instagram{height:63px;width:63px}.close-button{align-items:center;background-color:#fdf5ff;border:8px solid #ab9ff2;border-radius:50%;box-shadow:0 3px 8px #0000003d;cursor:pointer;display:flex;justify-content:center;padding:9px;position:absolute;right:-2rem;top:-1.5rem;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.close-button-svg{color:#ab9ff2;height:40px;width:40px}.image-wrapper{margin-bottom:12px;overflow:hidden;width:100%}.base-image{border:6px solid #ab9ff2;border-radius:24px;height:100%;object-fit:cover;overflow:hidden;width:100%}.work-project{align-items:center;display:flex;flex-direction:column;gap:28px;height:100%;justify-content:center;justify-content:start;padding-top:16px;width:80%}.work-project-wrapper{height:auto;width:100%}.work-image-wrapper{margin-bottom:12px;overflow:hidden;width:100%}.work-base-image{border:6px solid #ab9ff2;border-radius:24px;height:100%;object-fit:cover;width:100%}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{background-color:#6f497433;border-radius:4px;width:2px}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#ab9ff2;border-radius:4px}@media only screen and (max-width:576px){.modal{padding:36px 10px;width:96%}.close-button{right:-1rem}.close-button-svg{height:30px;width:30px}.modal-title{font-size:2rem;padding:10px 35px}}.lift{max-width:800%}.lift .modal-content{height:300px}video{width:100%}.lift-images-wrapper{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}.lift-icon{height:63px;width:63px}.oculus-icon{height:72px;width:72px}.icon-svg{stroke:#ab9ff2;color:#ab9ff2}.svs{stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4}.sv2,.svs{fill-rule:nonzero;opacity:1}.sv2{stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;visibility:hidden}@media only screen and (max-width:576px){.lift-images-wrapper{gap:8px}.lift-icon{height:48px;width:48px}.oculus-icon{height:54px;width:54px}}.covid-content{max-width:800%}.covid-content .modal-content,.cs .modal-content{height:300px}.cs-images-wrapper{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}.cs-image{height:100%;width:100%}.mbm{mix-blend-mode:normal}.cs-icon{height:63px;width:63px}.ts-icon{height:68px;width:68px}@media only screen and (max-width:576px){.cs-icon{height:48px;width:48px}.cs-images-wrapper{gap:8px}.ts-icon{height:50px;width:50px}}.social .modal-content{height:300px}.social-images-wrapper{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}.tc{text-align:center}.visit-btn,a{color:inherit;text-decoration:none}.visit-btn{align-items:center;background:#0000;border:1px solid #ab9ff2;border-radius:50px;display:inline-flex;font-size:16px;justify-content:center;letter-spacing:0;margin-top:48px;min-width:75px;opacity:1;padding:16px 44px;position:relative;text-align:center;transition:all .5s cubic-bezier(0,.61,.28,.92),filter .5s cubic-bezier(0,.61,.28,.92);white-space:nowrap}.visit-btn:hover{background-color:#6a7bff;border:1px solid #0000;color:#fff}@media only screen and (max-width:576px){.social-images-wrapper{gap:2px}}.contact{max-width:500px}.contact .modal-content{height:226px}@media only screen and (max-width:576px){.contact .modal-content{height:250px}}
/*# sourceMappingURL=main.be7216bf.css.map*/