@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Poppins:wght@300&family=VT323&display=swap);@import url(https://fonts.googleapis.com/css?family=Notable&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Waterfall&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap);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;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;height:100%;text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-main-container{flex-direction:column;gap:calc(2rem + 2vw + 4vh);justify-content:flex-start}.home-main-container,.home-main-container .main-intro-container{align-items:center;background-color:#000;display:flex;height:100%;scroll-behavior:smooth;width:100%}.home-main-container .main-intro-container{color:#fff;flex-direction:row;justify-content:center}h1,h2,h3,h4,h5,h6{margin:0}@media (max-width:600px){.bubble-container{display:none}}.bubble{align-items:center;animation:bubbleAnimation 3s ease-in-out infinite;background-color:#3498dbcc;background:#0000;border:2px solid aqua;border-radius:51% 49% 48% 52%/62% 44% 56% 38%;color:#fff;display:flex;font-family:VT323,monospace;font-size:2em;font-weight:700;height:calc(5rem + 5vw);justify-content:center;opacity:.8;position:absolute;transition:.5s ease-in-out;width:calc(5rem + 5vw)}@keyframes bubbleAnimation{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes bubbleAnimationHover{0%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1.2)}}.bubble:before{background:#0000;border-radius:51% 49% 48% 52%/62% 44% 56% 38%;box-shadow:-20px 30px 16px #0000,-40px 60px 32px #0000,inset -6px 6px 10px #0000,inset 2px 6px 10px #0000,inset 10px -10px 11px #fff,inset 20px -20px 22px aqua;content:"";height:100%;position:absolute;width:100%}.bubble:after{background:aqua;border-radius:44% 56% 46% 54%/36% 50% 50% 64%;box-shadow:16px 40px 0 -10px aqua;content:"";height:40px;left:130px;opacity:.8;position:absolute;top:40px;width:40px}.bubble:hover{cursor:crosshair;scale:1.2;transition:.5s ease-in-out}.home-main-container ul{margin:0}.starting-animation,.starting-animation-mobile{animation:wipe-out-up 1.5s cubic-bezier(.25,1,.3,1) both;animation-delay:6.5s;background-color:#000}.home-main-container .connect-apps-links ul{display:flex;flex-direction:row;gap:calc(1% + .5vw + .35vh);padding:0}.home-main-container .connect-apps-links ul li{list-style:none}.home-main-container .connect-apps-links ul li button{border:2px solid #ccc;border-radius:calc(.5vw + .5vh);color:#ccc}.home-main-container .connect-apps-links ul li button,.home-main-container .connect-apps-links ul li button:hover{align-items:center;background-color:initial;display:flex;flex-direction:row;height:calc(2vw + 1.75vh);justify-content:space-around;min-width:calc(5vw + 4.5vh)}.home-main-container .connect-apps-links ul li button:hover{border:2px solid aqua;border-radius:calc(.5vw + .5vh);color:aqua}.home-main-container .connect-apps-links ul li button img{height:80%;width:auto}.home-main-container .connect-apps-links ul li a{text-decoration:none}.connect-apps-links ul li button h4{margin:0}.projects-main-container{align-items:center;display:flex;flex-direction:column;gap:calc(1% + 1vw);justify-content:flex-start}.projects-main-container h1{margin-bottom:5%;margin-top:5%;text-decoration:underline}.projects-list-container{align-items:center;display:flex;flex-direction:column;gap:calc(1% + 3vw);justify-content:flex-start}.projects-list-container .project-unit{align-items:center;display:flex;flex-direction:row;gap:calc(7.5% + 1vw);height:calc(10% + 10vh);justify-content:center;width:100%}.projects-list-container .project-unit .image-carousel{height:calc(30% + 1vh);width:calc(30% + 1.5vw)}.projects-list-container .project-unit .image-carousel img{height:50%;object-fit:cover;width:100%}.projects-list-container .project-unit .project-details{display:flex;flex-direction:column;gap:calc(1% + 1vw);text-align:left;width:30%}.projects-list-container .project-unit .project-details h2{font-size:calc(10% + 2vw + 1.5vh);font-weight:400;margin:0}.projects-list-container .project-unit .project-details h3{font-size:calc(10% + 1vw + .75vh);font-weight:200;margin:0}.projects-list-container .project-unit .project-details h4{font-size:calc(10% + 1vw + .75vh);font-weight:300;margin:0}.hr-tag{background-color:#ccc;border:none;height:1px;width:60%}.name-tags{color:aqua;font-size:calc(1% + 1vw + 1vh)}.name-tags-about{color:aqua;font-size:calc(.8% + .6vw + .6vh)}.work-exp-unit{color:#fff;display:flex;flex-direction:column;gap:calc(3% + 3vw)}.work-exp-unit .company-logo{align-items:center;display:flex;flex-direction:row;justify-content:center}.work-exp-unit .company-logo img{filter:invert(1);height:calc(4vw + 4vh);object-fit:contain;width:calc(11vw + 11vh)}.work-exp-unit-container{display:flex;flex-direction:row;gap:calc(.5% + .1vw);height:calc(12vw + 15vh + 2rem);width:100%}.work-exp-unit-container .timeline-line{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:45%}.work-exp-unit-container .work-exp-desc{display:flex;flex-direction:column;justify-content:space-between;text-align:left;width:40%}.work-exp-unit-container .work-exp-desc .work-exp-info-container{display:flex;flex-direction:column;gap:calc(1% + .5vw)}.timeline-line .cirle-line{height:100%}.timeline-line .cirle-line .round{background-color:aqua;border:6px solid aqua;border-radius:50%;height:10px;width:10px}.timeline-line .cirle-line .vl{border-left:6px solid #fff;height:87%;margin-left:8px}.work-exp-info-container .company-name h2{font-size:calc(10% + 2vw + 1.5vh);font-weight:400;margin:0}.work-exp-info-container .company-role h3{font-size:calc(10% + 1vw + .75vh);font-weight:200;margin:0}.work-exp-desc .date-container h4,.work-exp-info-container .company-role-desc h4{font-size:calc(10% + 1vw + .75vh);font-weight:300;margin:0}.starting-animation{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.starting-animation-mobile{display:none}@media screen and (max-width:768px){.starting-animation{display:none}.starting-animation-mobile{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}}.mainIntro-main{height:100%;position:relative;width:85%;z-index:1}.mainIntro-main-mobile{display:none}.bubble-container{display:block}.mainIntro-main .area{position:absolute;z-index:0}.mainIntro-main .firstIdent,.mainIntro-main .firstIdent:first-child :first-child{padding-left:calc(2.5vw + 5px)}.mainIntro-main .main-content{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:0 calc(2vw + 2vh) calc(1.5vw + 1.5vh);width:100%;z-index:100000}.mainIntro-main .main-content .content{align-items:flex-start;flex-direction:column;height:100%;justify-content:flex-start;padding:calc(1.5vw + 2.5vh) calc(1vw + 1vh);width:100%}.bubble-container{align-items:flex-end;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;position:relative;width:40%;z-index:1}@media screen and (max-width:768px){.bubble-container,.mainIntro-main{display:none}.mainIntro-main-mobile{align-items:center;display:flex;flex-direction:column;gap:1.5em;height:80vh;justify-content:center;padding:0 calc(2vw + 2vh) calc(1.5vw + 1.5vh);width:100%;z-index:100000}.navigation-buttons{align-items:center;display:flex;flex-direction:row;gap:1.4em;height:10vh;justify-content:space-evenly;width:95%}.navigation-buttons button{background:none;border:1px solid aqua;border-radius:5px;flex:1 1;height:3em;width:7em}.navigation-buttons button a{color:#fff;font:Poppins;font-size:1em;font-weight:600;text-decoration:none}}@keyframes typing{0%{width:0}to{width:100%}}.npm-install-code-container{display:inline-block;font-size:calc(1vw + 1vh);text-align:left;transition:all .5s ease-in-out}.npm-install-code-container .npm-install-code{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:.15em solid aqua;display:inline-block;overflow:hidden;white-space:nowrap;width:100%}.circles{height:100vh;left:0;padding:0;position:absolute;top:0;width:90vw;z-index:0}.circles li{animation:animate 5s linear infinite;background:#fff3;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){animation-delay:2s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){animation-delay:0s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){animation-delay:15s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){animation-delay:2s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){animation-delay:0s;animation-duration:11s;height:150px;left:85%;width:150px}@keyframes animate{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:100%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}.home-main-container .main-projects-container{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;gap:calc(2% + 2vw + 2vh);justify-content:center;min-height:100%;position:relative;scroll-behavior:smooth;width:100%;z-index:1}.main-projects-container .backdrop-text h1{color:#fff;font-family:Oswald;font-size:calc(2.5vw + 2.5vh);font-weight:400;margin:0;text-shadow:0 0 10px #000;text-shadow:0 1px #808d93,-1px 0 #cdd2d5,-1px 2px #808d93,-2px 1px #cdd2d5,-2px 3px #808d93,-3px 2px #cdd2d5,-3px 4px #808d93,-4px 3px #cdd2d5,-4px 5px #808d93,-5px 4px #cdd2d5,-5px 6px #808d93,-6px 5px #cdd2d5,-6px 7px #808d93,-7px 6px #cdd2d5,-7px 8px #808d93,-8px 7px #cdd2d5}.main-projects-container .backdrop-text{align-items:flex-end;cursor:default;display:flex;flex-direction:column;height:100%;justify-content:flex-start;opacity:.1;position:absolute;right:calc(5vw + 5vh);text-align:right;top:calc(5vw + 5vh);-webkit-user-select:none;user-select:none;width:100%}.main-projects-container .projects-grid-container{grid-gap:calc(.8% + .8vw);align-items:center;display:grid;gap:calc(.8% + .8vw);grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:100%;justify-items:center;width:95%}.main-projects-container .projects-grid-container hr{display:none}@media screen and (max-width:768px){.main-projects-container .projects-grid-container{align-items:center;display:flex;flex-direction:column;gap:1em;justify-content:flex-start}.main-projects-container .projects-grid-container hr{background-color:aqua;border:none;display:block;height:1px;width:80%}.main-projects-container .projects-grid-container .projects-preview-container{align-items:center;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:1em;height:92.5%;justify-content:center;overflow:hidden;padding:calc(1% + .5vw);width:85%}.projects-preview-window-container .preview-image-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:calc(14rem + 2vw + 3vh);justify-content:center}.projects-preview-window-container img{height:92.5%;object-fit:contain;width:100%}.projects-preview-window-container .preview-image-container{width:100%}}.projects-grid-container .projects-preview-container{align-items:flex-start;background-color:#000;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:calc(1% + 1vw);height:92.5%;justify-content:flex-start;overflow:hidden;padding:calc(1% + .5vw);width:92.5%}.projects-grid-container .projects-preview-window-container{align-items:flex-start;background-color:#000;display:flex;flex-direction:column;gap:10px;height:calc(100% - 10vh);justify-content:flex-start;width:100%}.projects-preview-window-container .preview-image-container{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:calc(14rem + 2vw + 3vh);justify-content:center;width:100%}.projects-preview-window-container img{height:92.5%;object-fit:contain;width:100%}.projects-preview-container .project-details-container{align-items:flex-start;display:flex;flex-direction:column;gap:calc(1% + 1vw);height:100%;justify-content:flex-start;width:100%}.publications-main-container{align-items:center;display:flex;flex-direction:column;gap:3em;justify-content:flex-start;min-height:100%;width:100%}.publication-list-container{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:Poppins;gap:3em;height:100%;justify-content:space-evenly;width:80%}@media screen and (max-width:768px){.publication-list-container{align-items:center;flex-direction:column;gap:3em;justify-content:flex-start}}.publication-list-container .publication-list-item{align-items:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;display:flex;flex-direction:row;gap:calc(7.5% + 1vw);justify-content:space-evenly;padding:1em;text-align:left;transition:.5s ease-in-out;width:100%}.publication-list-container .publication-list-item .publication-details{display:flex;flex-direction:column;gap:calc(1% + 1vw);height:100%}.publication-list-container .publication-list-item .publication-details h2{color:aqua;font-size:1em;font-weight:400;margin:0}.publication-list-container .publication-list-item .publication-details h1{font-size:1.25em;font-weight:600;margin:0}.publication-list-container .publication-list-item .publication-details h1 a{color:#fff;text-decoration:none;transition:1s ease-in-out}.publication-list-container .publication-list-item .publication-details h1 a:hover{text-decoration:underline;transition:1s ease-in-out}.publication-list-container .publication-list-item:hover{box-shadow:0 8px 32px 0 #ffffff5e;scale:1.025;transition:.5s ease-in-out}.connect-main-container{align-items:center;color:#fff;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:100%}.connect-main-container
.connect-line-container{border:1px solid aqua;flex:1 1;width:100%}.connect-main-container
.connect-button-container{align-items:center;border:1px solid aqua;border-radius:20px;display:flex;flex:2 1;flex-direction:row;height:70%;justify-content:space-evenly;width:100%}@media screen and (max-width:768px){.connect-main-container .connect-button-container{grid-gap:.25em;align-items:center;display:grid;gap:.25em;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;justify-items:center}}.connect-main-container
.connect-button-container
button,button a{width:7em}.connect-main-container
.connect-button-container
button{background-color:initial;border:none}.connect-main-container
.connect-button-container
button a img{filter:brightness(.5);height:100%;object-fit:contain;scale:1;transition:all .3s ease-in-out;width:100%}.connect-main-container
.connect-button-container
button a img:hover{filter:brightness(1);scale:1.3;transition:all .3s ease-in-out}
/*# sourceMappingURL=main.a40a1e1a.css.map*/