@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Roboto:wght@100;300;400;600;800;900&display=swap);html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-row{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;height:100vh;position:fixed;width:100vw;z-index:0}.home-row a{text-decoration:none}.home{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.home a{color:#fff}.bottom-wall,.bottom-wall-title,.left-wall,.left-wall-title,.right-wall,.right-wall-title,.top-wall,.top-wall-title{display:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.openI-wall-position{align-items:center;-webkit-animation:fadeIn .5s ease-in-out .7s forwards;animation:fadeIn .5s ease-in-out .7s forwards;display:flex;height:90vh;opacity:0;width:50vw}.openI-wall-position-left{justify-content:flex-end;-webkit-transform:translate(-43vw);transform:translate(-43vw)}.openI-wall-position-right{justify-content:flex-start;-webkit-transform:translate(43vw);transform:translate(43vw)}.openI-wall-flex{align-items:center;background-color:transparent;display:flex!important;flex-direction:column;height:462px;justify-content:space-around;transition:.5s;width:7vw}.openI-wall-item{color:#fff;cursor:pointer;font-size:20px;opacity:.5;-ms-user-select:none;user-select:none;-webkit-user-select:none}.openI-wall-item-left{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.openI-wall-item-left.chinese{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.openI-wall-item-right{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.openI-wall-item:hover{color:hsla(0,0%,100%,.6)}@media only screen and (min-width:768px){.wall{cursor:pointer;display:flex!important;position:absolute;transition:.5s;z-index:1}.wall-title{display:block!important;font-weight:900;opacity:0;-ms-user-select:none;user-select:none;-webkit-user-select:none}.wall:hover .wall-title{opacity:.2;transition:.5s}.left-wall{align-items:flex-start;background-color:transparent;height:462px;justify-content:center;-webkit-transform:translate(-205px) perspective(870px) rotateY(45deg);transform:translate(-205px) perspective(870px) rotateY(45deg);-webkit-transform-origin:right;transform-origin:right;width:410px}.left-wall:hover{background:rgba(70,70,70,.35)}.left-wall-title{font-size:105px;-webkit-transform:translate(-5px,-10px);transform:translate(-5px,-10px)}.right-wall{align-items:flex-end;background-color:transparent;height:462px;justify-content:center;-webkit-transform:translate(205px) perspective(870px) rotateY(-45deg);transform:translate(205px) perspective(870px) rotateY(-45deg);-webkit-transform-origin:left;transform-origin:left;width:410px}.right-wall:hover{background:rgba(70,70,70,.35)}.right-wall-title{font-size:77px;margin-bottom:3px}.top-wall{border-left:435px solid transparent;border-right:435px solid transparent;border-top:435px solid transparent;height:0;-webkit-transform:translateY(-133px) perspective(870px) rotateX(-67deg);transform:translateY(-133px) perspective(870px) rotateX(-67deg);-webkit-transform-origin:top;transform-origin:top;width:0}.top-wall:hover{border-top-color:rgba(70,70,70,.35)}.top-wall-title{font-size:100px;-webkit-transform:translate(-15%,-120px) rotate(-45deg);transform:translate(-15%,-120px) rotate(-45deg);-webkit-transform-origin:left;transform-origin:left}.bottom-wall{border-bottom:435px solid transparent;border-left:435px solid transparent;border-right:435px solid transparent;height:0;-webkit-transform:translateY(133px) perspective(870px) rotateX(67deg);transform:translateY(133px) perspective(870px) rotateX(67deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:0}.bottom-wall:hover{border-bottom-color:rgba(70,70,70,.35)}.bottom-wall-title{font-size:150px;-webkit-transform:translate(-108%,30px) rotate(-45deg);transform:translate(-108%,30px) rotate(-45deg);-webkit-transform-origin:right;transform-origin:right}}@media only screen and (min-width:992px){.openI-wall-position{align-items:center;-webkit-animation:fadeIn .5s ease-in-out .7s forwards;animation:fadeIn .5s ease-in-out .7s forwards;display:flex;height:90vh;opacity:0;width:50vw}.openI-wall-position-left{justify-content:flex-end;-webkit-transform:translate(-28vw);transform:translate(-28vw)}.openI-wall-position-right{justify-content:flex-start;-webkit-transform:translate(28vw);transform:translate(28vw)}.openI-wall-flex{background-color:transparent;height:462px;width:410px}.openI-wall-flex-left{-webkit-transform:perspective(1000px) rotateY(65deg);transform:perspective(1000px) rotateY(65deg);-webkit-transform-origin:right;transform-origin:right}.openI-wall-flex-right{-webkit-transform:perspective(1000px) rotateY(-65deg);transform:perspective(1000px) rotateY(-65deg);-webkit-transform-origin:left;transform-origin:left}.openI-wall-item{align-items:center;background-color:rgba(70,70,70,.3);color:hsla(0,0%,100%,.3);cursor:pointer;display:flex;font-size:60px;font-weight:900;height:50%;justify-content:center;opacity:.5;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.5s;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.openI-wall-item,.openI-wall-item-left.chinese{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}.openI-wall-item:hover{background-color:rgba(70,70,70,.9);color:hsla(0,0%,100%,.9)}}@media only screen and (min-width:1536px){.openI-wall-position-left{-webkit-transform:translate(-430px);transform:translate(-430px)}.openI-wall-position-right{-webkit-transform:translate(430px);transform:translate(430px)}}.begin-row{color:#fff;font-family:Roboto,sans-serif;margin:auto;max-width:768px;position:relative;z-index:2}.begin-IONIS,.begin-row{display:flex;justify-content:center;width:0}.begin-IONIS{align-items:center;height:100vh;position:absolute}#trigger{-webkit-transform:translateY(10px);transform:translateY(10px)}.ionis-title{-webkit-animation:ionis-title .5s linear 1.5s forwards;animation:ionis-title .5s linear 1.5s forwards;color:#000;font-size:40px;font-weight:100;position:absolute;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:2}@-webkit-keyframes ionis-title{0%{color:#000}to{color:#fff}}@keyframes ionis-title{0%{color:#000}to{color:#fff}}#I{-webkit-transform:translate(-30vw);transform:translate(-30vw)}#O{-webkit-transform:translate(-15vw);transform:translate(-15vw)}#I2{-webkit-transform:translate(15vw);transform:translate(15vw)}#S{-webkit-transform:translate(30vw);transform:translate(30vw)}.begin-ian-row{align-items:end;display:flex;justify-content:center;position:absolute}.begin-ian-origin-centerer{align-items:center;display:hidden;height:0;justify-content:center;width:0}#trigger2,.begin-ian-origin-centerer-after{display:flex}#trigger2{align-items:center;height:0;justify-content:center;width:0}#trigger3{background-color:rgba(0,0,0,.9);font-size:60px;font-weight:200;opacity:0;position:absolute;text-align:center;width:80vw}.begin-ian-subtitle{font-size:20px}@media only screen and (min-width:600px){#trigger3{font-size:72px}}@media only screen and (min-width:768px){.ionis-title{font-size:96px}#I{-webkit-transform:translate(-320px);transform:translate(-320px)}#O{-webkit-transform:translate(-160px);transform:translate(-160px)}#I2{-webkit-transform:translate(160px);transform:translate(160px)}#S{-webkit-transform:translate(320px);transform:translate(320px)}}@media only screen and (min-width:992px){#trigger3{background-color:transparent;width:50vw}}.svg-logo-row{background-color:#000;position:fixed;width:100vw;z-index:0}.svg-logo-left-wall,.svg-logo-row{align-items:center;display:flex;height:100vh}.svg-logo-left-wall{justify-content:flex-end;transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out;width:50vw}.svg-logo-left-wall-after{-webkit-transform:translate(-28vw);transform:translate(-28vw)}.svg-logo-right-wall{align-items:center;display:flex;height:100vh;justify-content:flex-start;transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out;width:50vw}.svg-logo-right-wall-after{-webkit-transform:translate(28vw);transform:translate(28vw)}.svg-logo-left{-webkit-transform:perspective(600px) rotateY(55deg);transform:perspective(600px) rotateY(55deg);-webkit-transform-origin:right;transform-origin:right;transition:all .7s ease-in-out}.svg-logo-left-after{flex-shrink:0;-webkit-transform:perspective(1000px) rotateY(65deg);transform:perspective(1000px) rotateY(65deg)}.svg-logo-right{position:inherit;-webkit-transform:perspective(600px) rotateY(-55deg);transform:perspective(600px) rotateY(-55deg);-webkit-transform-origin:left;transform-origin:left;transition:all .7s ease-in-out}.svg-logo-right-after{flex-shrink:0;-webkit-transform:perspective(1000px) rotateY(-65deg);transform:perspective(1000px) rotateY(-65deg)}.svg-logo-middle{position:absolute;-webkit-transform:scaleY(.5);transform:scaleY(.5);z-index:1}#top-left,#top-right{stroke-dasharray:410;stroke-dashoffset:410;-webkit-animation:line 1s ease-in-out forwards;animation:line 1s ease-in-out forwards}#middle{stroke-dasharray:462;stroke-dashoffset:462;-webkit-animation:line 1s ease-in-out 1s forwards;animation:line 1s ease-in-out 1s forwards}#bottom-left,#bottom-right{stroke-dasharray:410;stroke-dashoffset:410;-webkit-animation:line 1s ease-in-out 2s forwards;animation:line 1s ease-in-out 2s forwards}@-webkit-keyframes line{to{stroke-dashoffset:0}}@keyframes line{to{stroke-dashoffset:0}}@media only screen and (min-width:500px){.svg-logo-left{-webkit-transform:perspective(870px) rotateY(45deg);transform:perspective(870px) rotateY(45deg)}.svg-logo-left-after{-webkit-transform:perspective(1000px) rotateY(65deg);transform:perspective(1000px) rotateY(65deg)}.svg-logo-right{-webkit-transform:perspective(870px) rotateY(-45deg);transform:perspective(870px) rotateY(-45deg)}.svg-logo-right-after{-webkit-transform:perspective(1000px) rotateY(-65deg);transform:perspective(1000px) rotateY(-65deg)}}@media only screen and (min-width:768px){.svg-logo-left,.svg-logo-right{flex-shrink:0}.svg-logo-middle{-webkit-transform:scaleY(1);transform:scaleY(1)}}@media only screen and (min-width:992px){.svg-logo-left-wall-after{-webkit-transform:translate(-28vw);transform:translate(-28vw)}.svg-logo-right-wall-after{-webkit-transform:translate(28vw);transform:translate(28vw)}}@media only screen and (min-width:1536px){.svg-logo-left-wall-after{-webkit-transform:translate(-430px);transform:translate(-430px)}.svg-logo-right-wall-after{-webkit-transform:translate(430px);transform:translate(430px)}}.row{background-color:rgba(0,0,0,.8);color:#fff;margin:auto;max-width:768px;padding:10px;position:relative;width:75%;z-index:2}.row a,.row h2,.row h3,.row h4{font-family:Roboto,sans-serif;font-weight:400}.row li,.row p,.row td,.row th{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:100}.row h2{font-size:55px;font-weight:800;margin-top:0;padding-top:80px;text-align:center}.row h3{font-size:25px}.row h4{font-style:italic;font-weight:300}.space-between-wrapper h3{margin-bottom:5px}.space-between-wrapper h4{margin-top:0}.mid-title{font-size:28px!important;font-weight:600!important;margin-bottom:0;margin-top:2em}article{opacity:0;padding:20px 0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:all .3s ease-out}.scroll-reveal{opacity:1;-webkit-transform:none;transform:none}.slide-wrapper{display:flex;justify-content:center}.slide{margin-bottom:.5em;width:83vw}.each-slide>div{align-items:center;background-size:cover;display:flex;height:49vw;justify-content:center}.slide-wrapper>img{height:49vw}.white-icon{color:#fff!important;padding-bottom:0!important;padding-left:0!important}.projects-icon-no-pic{padding-top:0!important}@media only screen and (min-width:768px){.row{color:#fff;max-width:768px;padding:10px 20px;position:relative;width:80%}.space-between-wrapper{align-items:center!important;display:flex!important;justify-content:space-between!important}.space-between-wrapper h3{margin-bottom:1em}.space-between-wrapper h4{margin:1.33em 0}.mid-title{margin-bottom:.5em!important}.slide{max-width:576px!important;width:63vw!important}.each-slide>div,.slide-wrapper>img{height:40vw!important;max-height:376px!important}}@media only screen and (min-width:992px){.row{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;margin:auto;max-width:768px;padding:0;position:relative;width:50%}}.react-slideshow-container{align-items:center;display:flex}.react-slideshow-container .nav{z-index:10}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:focus,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fade-wrapper{overflow:hidden;width:100%}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-zoom-wrapper{overflow:hidden;width:100%}.react-slideshow-zoom-wrapper .zoom-wrapper{display:flex;flex-wrap:wrap;overflow:hidden}.react-slideshow-zoom-wrapper .zoom-wrapper>div{display:flex;position:relative}.react-slideshow-zoom-wrapper .zoom-wrapper>div[aria-hidden=true]{display:none}.card{border:thin solid #fff;display:inline-block;height:auto;margin:3% 2%;transition:.3s;width:45%}.card ul{height:500px}.card table{width:100%}@media only screen and (max-width:767px){.card{margin:8px 0;width:100%}}.card-container{padding:2px 30px 40px}.skills-front-backend{font-family:Roboto,sans-serif}.skills-frameworks th{font-size:16px}.experience-subtitle-top{margin-bottom:5px!important}.experience-subtitle-middle{margin-bottom:5px!important;margin-top:0}.experience-subtitle-bottom{margin-top:0!important}.li-wrapper{margin-bottom:1em;margin-top:1em}.foot_style{align-items:center;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center}
/*# sourceMappingURL=main.aa9e24cc.css.map*/