@font-face{font-family:"Linearicons Free";src:url(/static/media/Linearicons-Free.eb992e96.eot);src:url(/static/media/Linearicons-Free.eb992e96.eot?#iefix) format("embedded-opentype"),url(/static/media/Linearicons-Free.857c65d6.woff2) format("woff2"),url(/static/media/Linearicons-Free.a78a26fb.woff) format("woff"),url(/static/media/Linearicons-Free.5cbe0a85.ttf) format("truetype"),url(/static/media/Linearicons-Free.4e7e7d73.svg#svgFontName) format("svg")}@font-face{font-family:"Fa Solid";src:url(/static/media/fa-solid-900.3607dc6b.eot);src:url(/static/media/fa-solid-900.3607dc6b.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-solid-900.55ce92a3.woff2) format("woff2"),url(/static/media/fa-solid-900.04f0d824.woff) format("woff"),url(/static/media/fa-solid-900.631f4d58.ttf) format("truetype"),url(/static/media/fa-solid-900.b5009424.svg#svgFontName) format("svg")}@font-face{font-family:"Fa Regular";src:url(/static/media/fa-regular-400.f65f3a84.eot);src:url(/static/media/fa-regular-400.f65f3a84.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-regular-400.e1d44a54.woff2) format("woff2"),url(/static/media/fa-regular-400.2c5c061c.woff) format("woff"),url(/static/media/fa-regular-400.05adec56.ttf) format("truetype"),url(/static/media/fa-regular-400.4947040c.svg#svgFontName) format("svg")}@font-face{font-family:"Fa Brands";src:url(/static/media/fa-brands-400.53dfe5fa.eot);src:url(/static/media/fa-brands-400.53dfe5fa.eot?#iefix) format("embedded-opentype"),url(/static/media/fa-brands-400.2084453d.woff2) format("woff2"),url(/static/media/fa-brands-400.dd4ec670.woff) format("woff"),url(/static/media/fa-brands-400.bbf2ee85.ttf) format("truetype"),url(/static/media/fa-brands-400.685e1ce2.svg#svgFontName) format("svg")}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}[contenteditable].form-control:focus,[type=email].form-control:focus,[type=password].form-control:focus,[type=tel].form-control:focus,[type=text].form-control:focus,input.form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea.form-control:focus,textarea:focus{box-shadow:inset 0 -1px 0 #ddd}footer{display:block}footer ul{text-align:center;margin-bottom:10px;padding:0}footer ul li{display:inline-block;font-size:18px;margin-right:10px}footer ul li i{font-family:"Fa Brands";-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1}footer ul li a{color:#777;transition:color .2s ease}footer ul li a:hover{color:#fff}footer ul li i:before{content:attr(data-content)}footer div p{font-family:"Roboto";font-size:12px;color:#777}div.menu{width:200px;float:left;height:100vh;color:#fff;position:fixed;z-index:10}div.menu_dark{background-color:#17181b}div.menu_light{background-color:#2a2b30}div.menu>div{width:auto!important}div.menu div.row{margin-left:0;margin-right:0}div.menu .menu_image{height:244px;position:relative}div.menu .menu_image h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:20px;font-weight:700;padding:10px 0;text-transform:uppercase;text-shadow:0 2px 10px rgb(0 0 0/50%);z-index:1;background-color:#00a3e1;margin-bottom:0}div.menu .menu_image>img{height:200px}nav>ul{margin:0;padding:0}div.menu .menu_item{font-size:12px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #202226;text-align:left;font-family:"Roboto"}.menu_item a,.menu_item a.active{display:block;line-height:45px;padding-left:70px;position:relative;color:#777;cursor:pointer;text-decoration:none}.menu_item a.active span,.menu_item a span{position:absolute;left:40px;display:inline-block;font-size:20px}.menu_item a.active span>i,.menu_item a span>i{font-family:"Linearicons Free";speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.menu_item a.active span>i:before,.menu_item a span>i:before{content:attr(data-content)}.menu_item>a.active{color:#fff}div.menu .menu_space{position:absolute;bottom:0;left:0;width:100%}@media (any-pointer:coarse){div.menu{z-index:1;height:100%;overflow-x:hidden;top:0;left:0;transition:.5s}div.open_menu{width:200px}div.close_menu{width:0}}.head{display:none}@media (any-pointer:coarse){.head{display:block;height:50px;background-color:#17181b;margin:0;position:fixed;width:100%;z-index:1}.head>h2{margin-bottom:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;font-size:24px;text-transform:uppercase;line-height:50px;white-space:nowrap;color:#fff}.head>a{font-size:20px;line-height:50px;cursor:pointer;width:50px;text-align:center;border-left:1px solid #3b3c43;float:right}.head>a>i{font-family:"Fa Solid","Fa Brands";color:#fff;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1}.head>a>i:before{content:"\f0c9"}}.home{width:100%;height:inherit;background-image:url(/static/media/home-bg.f6bff24a.jpg);background-position-x:50%;background-position-y:50%;background-size:cover}.home .overlay:before{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#151515;opacity:.5;content:"";height:inherit}.overlay div{color:#fff;position:absolute;top:50%;width:82vw;text-align:center;display:block;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.overlay div span{text-transform:uppercase;letter-spacing:2px;font-size:62px;font-weight:500;color:#fff}.overlay div>:nth-child(2){color:#00a3e1}.overlay div br{display:none}.overlay div p>span{font-size:28px;display:inline-block;padding:.2em 0;font-family:"Roboto";text-transform:none;letter-spacing:.5px}.overlay div p>span>b{border-bottom:2px solid #00a3e1;border-color:#00a3e1!important;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}.word-wrapping{position:relative;text-align:left;margin-left:10px}.word-wrapping-item-enter{max-width:0}.word-wrapping-item-enter-done{max-width:400px;transition:max-width .6s ease-in-out}.word-wrapping-item-exit{max-width:400px}.word-wrapping-item-exit-done{max-width:0;transition:max-width .6s ease-in-out}.word-wrapping:after{content:"";position:absolute;top:50%;right:-5px;width:2px;background-color:#aaa;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:34px}@media (any-pointer:coarse){.overlay div{width:100vw}.overlay div br{display:inline}.home .overlay:before{left:0}.overlay div p>span{font-size:21px}.overlay div span{font-size:50px}}.rich-header{padding-top:50px;margin-bottom:50px;padding-bottom:10px}.dark-mode .rich-header{border-bottom:1px dashed hsla(0,0%,100%,.2)}.light-mode .rich-header{border-bottom:1px dashed rgba(0,0,0,.2)}.rich-header>h2{font-family:"Playfair Display",serif;color:#00a3e1;font-size:36px;font-weight:700;letter-spacing:1.5px;line-height:1em;text-transform:capitalize;position:relative;display:inline-block}.rich-header>span{float:right;color:#00a3e1;font-size:38px;line-height:1em;font-family:"Linearicons Free";speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.rich-header>span:before{content:attr(data-content)}.subheading{position:relative;margin-bottom:50px;text-align:center}.subheading>h3{border-color:#00a3e1!important;display:inline-block;font-size:22px;font-weight:600;line-height:1em;letter-spacing:.5px;position:relative;text-transform:uppercase;padding:5px 10px;border-bottom:2px solid hsla(0,0%,100%,.6)}.subheading h3:after,.subheading h3:before{background-color:#00a3e1;position:absolute;content:"";width:2px;height:5px;bottom:0;border-color:#00a3e1!important}.subheading h3:before{left:0}.subheading h3:after{right:0}.dark-mode{background-color:#2c2d2f;color:#fff}.light-mode{background-color:#fff;color:#222}.contact{width:100%;height:inherit;display:block;position:relative;text-align:left}.contact>.contact-form{margin:0 auto;width:90%;max-width:1040px}.contact-form-body .contact-form{margin-left:16.6%;margin-right:16.6%;margin-bottom:70px}.contact-form [class^=col-]{margin-bottom:50px}.contact-form .form-control{border-radius:0;background-color:transparent;padding:5px 10px;font-family:Roboto;border:2px solid #999;transition:none}.dark-mode>.contact-form .form-control:active{border:2px solid #fff;transition:none}.light-mode>.contact-form .form-control:active{border:2px solid #222;transition:none}.contact-form>.form-row>.col,.contact-form>.form-row>[class*=col-]{padding-right:15px;padding-left:15px}.contact-form>.form-row>.col>textarea,.contact-form>.form-row>[class*=col-]>textarea{resize:none}.button-container{text-align:center}.button-container>.btn-outline-primary{color:#00a3e1;border-color:#00a3e1;border-radius:0;text-transform:uppercase;border-width:2px;font-family:Roboto}.button-container>.btn-outline-primary:not(:disabled):not(.disabled).active,.button-container>.btn-outline-primary:not(:disabled):not(.disabled):active,.button-container>.btn-outline-primary:not(:disabled):not(.disabled):hover,.button-container>.show>.btn-outline-primary.dropdown-toggle{background-color:#00a3e1;border-color:#00a3e1;color:#fff}.dark-mode>.contact-form .form-control::-webkit-input-placeholder{color:#fff}.dark-mode>.contact-form .form-control:-ms-input-placeholder{color:#fff}.dark-mode>.contact-form .form-control,.dark-mode>.contact-form .form-control::placeholder{color:#fff}.light-mode>.contact-form .form-control::-webkit-input-placeholder{color:#222}.light-mode>.contact-form .form-control:-ms-input-placeholder{color:#222}.light-mode>.contact-form .form-control,.light-mode>.contact-form .form-control::placeholder{color:#222}.contact-form-footer{margin-bottom:70px}.contact-form-footer>.row>.col,.contact-form-footer>.row>[class*=col-]{text-align:center}.contact-form-footer>.row>.col>span,.contact-form-footer>.row>[class*=col-]>span{color:#00a3e1;font-size:30px;line-height:1em;font-family:"Fa Solid";display:inline-block;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;margin-top:15px;margin-bottom:15px}.contact-form-footer>.row>.col>span:before,.contact-form-footer>.row>[class*=col-]>span:before{content:attr(data-content)}.contact-form-footer>.row>.col>h5,.contact-form-footer>.row>[class*=col-]>h5{font-size:18px}.contact-form-footer>.row>.col>h5>a,.contact-form-footer>.row>[class*=col-]>h5>a{text-decoration:none}.dark-mode .contact-form-footer>.row>.col>h5>a,.dark-mode .contact-form-footer>.row>[class*=col-]>h5>a{color:#fff}.light-mode .contact-form-footer>.row>.col>h5>a,.light-mode .contact-form-footer>.row>[class*=col-]>h5>a{color:#222}.contact-form-spinner{background-color:transparent}.contact-form-spinner .spinner-border{margin:0 auto}@media (any-pointer:coarse){.contact{height:140vh}.contact-form-body .contact-form{margin-left:0;margin-right:0}}.about{width:100%;display:block;position:relative;text-align:left}.about>.about-form{margin:0 auto;width:90%;max-width:1040px}.about-form-body>.row.basic-info,.about-form-body>.row.skills{margin-bottom:70px}.about-form-body>.row>.col,.about-form-body>.row>[class*=col-]{padding-right:0;padding-left:0}.about-form-body>.row>.col h3,.about-form-body>.row>[class*=col-] h3{font-size:28px;font-weight:700;font-family:"Playfair Display",serif;margin-bottom:20px!important}.about-form-body>.row>.col p,.about-form-body>.row>[class*=col-] p{font-family:Roboto;font-size:16px;line-height:1.65}.about-form-body>.row>.col ul,.about-form-body>.row>[class*=col-] ul{list-style-type:none;list-style-position:inside;padding-left:0}.about-form-body>.row>.col li,.about-form-body>.row>[class*=col-] li{line-height:1em;margin-bottom:15px}.about-form-body>.row>.col li>span.title,.about-form-body>.row>[class*=col-] li>span.title{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid #00a3e1!important;position:relative;display:inline-block;margin-right:15px;padding-bottom:1px}.about-form-body>.row>.col li>span.title:after,.about-form-body>.row>[class*=col-] li>span.title:after{content:":";position:absolute;right:-10px}.about-form-body>.row>.col li>span.value,.about-form-body>.row>[class*=col-] li>span.value{font-family:"Roboto",serif;font-size:16px;font-weight:400}.about-form-body>.row.personal_projects,.about-form-body>.row.services{margin-bottom:30px}.services>[class*=col-]{padding-left:15px!important;padding-right:15px!important}.personal_project,.service-item{text-align:center;margin-bottom:40px;position:relative}.personal_project{margin-left:5px;margin-right:5px}.personal_project h3,.service-item h3{font-size:20px!important}.personal_project h3>a{text-decoration:underline}.personal_project :nth-child(2){font-weight:700}.dark-mode .personal_project h3>a{color:#fff}.light-mode .personal_project h3>a{color:#000}.service-item img{height:50px;margin-bottom:10px}.skills div.img-container{text-align:center}.skills div.img-container>img{height:100px!important;width:100px!important;margin-left:10px!important;margin-right:10px!important}.owl-carousel{z-index:0}@media (any-pointer:coarse){.skills div.img-container>img{height:40px!important;width:40px!important;margin-left:10px!important;margin-right:10px!important}}.resume{width:100%;display:block;position:relative;text-align:left}.resume>.resume-form{margin:0 auto;width:90%;max-width:1040px}.resume-form-body ul.experience{margin:20px 0 50px;list-style:none;position:relative;padding:0 0 0 50px;width:100%}.resume-form-body ul.experience li{position:relative;margin-left:10px;padding:20px;transition:all .5s ease-in-out}.resume-form-body ul.experience li:not(:first-child){margin-top:60px}.resume-form-body ul.experience li span.line-left{width:2px;height:100%;background-color:#e1e1e1;left:-10px;top:0;position:absolute;display:inline-block;background-color:#00a3e1!important}.resume-form-body ul.experience li span.line-left:before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid #e1e1e1;position:absolute;left:-4px;top:-10px}.resume-form-body ul.experience li span.line-left:after,.resume-form-body ul.experience li span.line-left:before{border-color:#00a3e1!important}.resume-form-body ul.experience li span.line-left:after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid #e1e1e1;position:absolute;left:-4px;top:-10px;top:100%}.resume-form-body ul.experience li div.content{margin-left:10px}.resume-form-body ul.experience li div.content h4{font-size:18px;font-weight:700;letter-spacing:.5px;line-height:26px;margin:0;text-transform:uppercase;font-family:"Playfair Display",serif}.resume-form-body ul.experience li div.content h5{margin-top:5px;margin-bottom:5px;font-size:12px;font-family:"Roboto",sans-serif;font-weight:600;text-transform:uppercase;color:#00a3e1}.modal-body p,.resume-form-body ul.experience li div.content p.info{font-size:16px;margin-bottom:0;font-family:"Roboto",sans-serif;font-weight:400;white-space:pre-line}.resume-form-body ul.experience li div.content a{font-size:16px;font-family:"Roboto",sans-serif;font-weight:400;white-space:pre-line;color:#00a3e1;cursor:pointer}.resume-form-body ul.experience li span.year{height:100%;left:-10px;top:0;position:absolute}.resume-form-body ul.experience li span.year>span{font-size:16px;position:absolute;-webkit-transform:translateX(-120%);transform:translateX(-120%);font-family:"Roboto",sans-serif;font-weight:400}.resume-form-body ul.experience li span.year>span.to{top:-18px}.resume-form-body ul.experience li span.year>span.from{bottom:-18px}.wwolfbeat{width:100%;display:block;position:relative;text-align:left}.wwolfbeat-form-body-error,.wwolfbeat-form-body-loading{height:84vh;text-align:center;padding-top:42vh}.wwolfbeat>.wwolfbeat-form{margin:0 auto;width:90%;max-width:1040px}.wwolfbeat-form-body .video-title{font-family:"Roboto",sans-serif;margin-top:24px;margin-bottom:20px;border-bottom:1px dotted;padding-bottom:10px}.wwolfbeat-form-body .description,.wwolfbeat-form-body .video-description{font-size:16px;font-family:"Roboto",sans-serif;font-weight:400;margin-bottom:30px;text-align:justify}.wwolfbeat-form-body .col,.wwolfbeat-form-body [class*=col-]{padding-left:0;padding-right:0}.wwolfbeat-form-body .video-list{padding-left:30px;padding-right:30px;height:400px;overflow-y:scroll;margin-bottom:70px}.wwolfbeat-form-body .list-group-item{background-color:transparent;font-size:16px;font-family:"Roboto",sans-serif;cursor:pointer}.wwolfbeat-form-body .list-group-item.active{border-color:#00a3e1;z-index:0}.wwolfbeat-form-body-error{text-align:center}.wwolfbeat-form-body-error>.btn-primary{border-color:#00a3e1;border-radius:0;text-transform:uppercase;border-width:2px;font-family:Roboto;background-color:#00a3e1}.wwolfbeat-form-body-error>.btn-primary:not(:disabled):not(.disabled).active,.wwolfbeat-form-body-error>.btn-primary:not(:disabled):not(.disabled):active,.wwolfbeat-form-body-error>.btn-primary:not(:disabled):not(.disabled):hover,.wwolfbeat-form-body-error>.show>.btn-primary.dropdown-toggle{background-color:#00a3e1;border-color:#00a3e1;color:#fff}@media (any-pointer:coarse){.wwolfbeat-form-body .video-list{padding-left:0;padding-right:0}.wwolfbeat-form-body-error,.wwolfbeat-form-body-loading{height:82vh;padding-top:41vh}}.threed{width:100%;display:block;position:relative;text-align:left}.threed>.threed-form{margin:0 auto;width:90%;max-width:1040px}.threed-form-body .model{width:100%;height:300px;background-color:#fff}.threed-form-body .model-title{font-family:"Roboto",sans-serif;margin-top:24px;margin-bottom:20px;border-bottom:1px dotted;padding-bottom:10px}.threed-form-body .description,.threed-form-body .model-description{font-size:16px;font-family:"Roboto",sans-serif;font-weight:400;margin-bottom:30px;text-align:justify}.threed-form-body .col,.threed-form-body [class*=col-]{padding-left:0;padding-right:0}.threed-form-body .model-list{padding-left:30px;padding-right:30px;height:400px;overflow-y:scroll;margin-bottom:70px}.threed-form-body .list-group-item{background-color:transparent;font-size:16px;font-family:"Roboto",sans-serif;cursor:pointer}.threed-form-body .list-group-item.active{border-color:#00a3e1;z-index:0}@media (any-pointer:coarse){.threed-form-body .video-list{padding-left:0;padding-right:0}}main.light-mode{background-color:#fff}main.dark-mode{background-color:#707070}.test{width:100%;height:inherit}.test:before{content:attr(data-content)}.switcher-enter{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.switcher-enter-active{transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.switcher-enter-active,.switcher-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.switcher-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.col,.row{margin:0;padding:0}.App{text-align:center;font-family:"Fa Regular"}.global-container{padding-top:0!important;padding-bottom:0!important}.main-container,main{height:100vh}main{margin-left:200px}.container-fluid{padding-left:0;padding-right:0}@media (any-pointer:coarse){main{margin-left:0;margin-top:50px}}
/*# sourceMappingURL=main.c453f569.chunk.css.map */