@font-face{font-family:signature;src:url(static/fonts/signature1.otf);font-display:swap}:root{--bg:#f5f5f5;--blue:#006dff;--bg-overlay:rgba(0,0,0,0.4);--bvi-color:#0064f0;--cloud-color:#9b6e00;--fpga-color:#008700;--dsp-color:#4c2b21;--openmp-color:#e10000;--e-testing-color:#616a85}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent}body,html{height:100%;font-family:Lora,sans-serif}html{overflow:hidden;-webkit-overflow-scrolling:touch;background-color:var(--bg);font-size:16px;box-sizing:border-box;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{overflow:auto;line-height:1.5}.website-container{position:relative;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}ul{list-style:none}a{outline:none;text-decoration:none}header{width:99%;width:calc(100% - 16px);position:fixed;top:0;left:0;z-index:100}header,nav{transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in;-moz-transition:all .5s ease-in}nav{display:grid;grid-template-columns:2fr 3fr;justify-content:center;justify-items:center;align-items:center;width:100%;height:5rem;padding:.5rem 1rem;column-gap:50px;-webkit-transition:all .5 ease-in}button{outline:none!important;border:none;background:transparent}button:hover{cursor:pointer}.white{background:#fff}nav.moved{padding:.5rem 1.5rem}.blue{color:var(--blue)!important;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;-o-transition:all .5s ease-in;-moz-transition:all .5s ease-in}.logo{color:#fff;font-family:signature;font-size:xx-large;font-weight:700;margin-bottom:0;text-shadow:3px 3px 0 rgba(0,0,0,.1),7px 7px 0 rgba(0,0,0,.05)}.nav-links{display:flex;margin-bottom:0;justify-self:center}.nav-links li:not(:last-child){margin-right:3vw}.nav-links li:first-child{margin-left:3vw}.nav-links a{color:#fff;font-weight:600;text-decoration:none;text-transform:uppercase;position:relative}.active>a:before{width:100%!important}.nav-links a:hover:before{width:100%}.nav-links a.blue:before{background-color:var(--blue)!important}.nav-links a.white:before{background-color:#fff}.active>a.blue:before{background-color:var(--blue)!important}.nav-links a:before{content:"";width:0;height:2px;position:absolute;background-color:#fff;bottom:0;left:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3 ease;-o-transition:all .3s ease;-moz-transition:all .3s ease}@-webkit-keyframes navLinkFade{0%{opacity:0;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes navLinkFade{0%{opacity:0;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}#home{position:relative;height:100vh;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(static/img/GOCE.jpg) 50% no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;-webkit-background-size:cover}.intro{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.intro-text{padding:0 1rem;color:#fff}.intro-text h1{font-size:4.5rem}.intro-text div{font-size:2rem;letter-spacing:.1rem}.cursor{display:inline-block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:3px;background-color:#ccc;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.cursor.typing{-webkit-animation:none;animation:none}@-webkit-keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:transparent}99%{background-color:transparent}to{background-color:#ccc}}@keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:transparent}99%{background-color:transparent}to{background-color:#ccc}}#about{padding:4rem 0}.about-card{max-width:1280px;width:90vw;margin:0 auto}.card{padding:3rem 1.25rem;position:relative;background-color:hsla(0,0%,100%,.7);border-radius:20px;z-index:1;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.about-me{display:flex;padding:3rem 2rem}.info-container{display:flex;justify-content:space-between;margin-bottom:20px}.img-button-container{display:flex;flex-direction:column}.small-pic{width:150px;min-width:150px;height:135px;min-height:135px;margin-right:25px;margin-bottom:10px}.resume-link{text-decoration:underline;font-weight:700}.button-resume:hover{opacity:.9}.short-info{word-wrap:anywhere}.info-text{margin-bottom:.7rem}.info-text:last-of-type{margin-bottom:0}.title-s{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:600;color:#1e1e1e;font-size:1.1rem;margin-bottom:20px}.skills{display:flex;flex-wrap:wrap;justify-content:center}.skill{text-align:center;width:86px;margin:5px}.skill:before{display:block;content:"";height:50px;width:100%;min-width:50px;background-size:40px!important}#js:before{background:url(static/logos/javascript.png) 50% no-repeat}#react:before{background:url(static/logos/react.png) 50% no-repeat}#py:before{background:url(static/logos/python.png) 50% no-repeat}#html:before{background:url(static/logos/html-css.png) 50% no-repeat;background-size:60px!important}#c:before{background:url(static/logos/c.png) 50% no-repeat}#cpp:before{background:url(static/logos/cpp.png) 50% no-repeat}#java:before{background:url(static/logos/java.png) 50% no-repeat}#git:before{background:url(static/logos/git.png) 50% no-repeat}#latex:before{background:url(static/logos/latex.png) 50% no-repeat;background-size:75px!important}#vhdl:before{background:url(static/logos/vhdl.svg) 50% no-repeat;background-size:40%!important}#matlab:before{background:url(static/logos/matlab.png) 50% no-repeat}#sql:before{background:url(static/logos/database.png) 50% no-repeat}#docker:before{background:url(static/logos/docker.png) 50% no-repeat}#kubernetes:before{background:url(static/logos/kubernetes.png) 50% no-repeat}#vlsi:before{background:url(static/logos/vlsi.png) 50% no-repeat}.title-left{font-size:2rem;position:relative;margin-bottom:35px;font-weight:700}.title-left:before{content:"";position:absolute;height:3px;background-color:var(--blue);width:140px;bottom:-12px}.grid-2 p:first-of-type{margin-top:25px}.lead{font-size:1.25rem;margin-top:5px}#projects{position:relative;flex-direction:column;width:100%;text-align:center;padding:4rem 0 5rem}#projects,.projects{display:flex;justify-content:center;align-items:center}.projects{margin-top:50px}.projects-title{display:block;position:relative;padding:0 1rem;font-size:2.5rem;font-weight:900;line-height:1.5}.projects-title:after{content:"";position:absolute;width:203px;height:5px;background-color:var(--blue);bottom:-14px;left:50%;margin-left:-101.5px}.projects-title-info{display:block;font-size:1rem;font-weight:900;color:#656565}.lSSlideOuter{max-width:1280px;width:90vw}.project-card{display:inline-block;position:relative;height:400px;width:300px;max-width:336.667px;margin:20px 10px;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;z-index:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project-card:hover{z-index:99}.applyFlip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.card-contents{transition:.6s ease-out;-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;-ms-transition:.6s ease-out;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;position:relative}.card-contents,.card-contents .back,.card-contents .front{perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;width:100%;height:100%}.card-contents .back,.card-contents .front{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:visible;position:absolute;top:0;left:0;text-align:center;border-radius:14px}.front{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transition:all .3s}.front-contents{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;border-radius:20px}.front-contents:hover{transform:scale(1.03);cursor:pointer}.top-card{position:absolute;top:0;width:100%;height:40%;border-top-left-radius:14px;border-top-right-radius:14px;display:flex;justify-content:center;align-items:center}#subjective{background:linear-gradient(rgba(0,100,240,.5),rgba(0,100,240,.5)),url(static/img/watching-video.jpg) 50% no-repeat;background-size:cover}#quiz{background:linear-gradient(rgba(255,127,0,.7),rgba(255,127,0,.7)),url(static/img/quiz.jpg) 50% no-repeat;background-size:contain}#autonomous-car{background:linear-gradient(rgba(0,255,0,.6),rgba(0,255,0,.6)),url(static/img/autonomous-car-top.jpg) 50% no-repeat;background-size:cover}#dsp{background:linear-gradient(rgba(76,43,33,.8),rgba(76,43,33,.8)),url(static/img/disparity.jpg) 50% no-repeat;background-size:85% 90%}#openmp{background:linear-gradient(rgba(225,0,0,.7),rgba(225,0,0,.7)),url(static/img/c-optimisation.png) 50% no-repeat;background-size:cover}#e-testing{background:linear-gradient(rgba(127,140,177,.7),rgba(127,140,177,.7)),url(static/img/e-testing.jpg) 50% no-repeat;background-size:100% 100%}.front-text{position:absolute;top:215px;width:250px}.card-title{display:block;font-size:20px;font-weight:700}.card-title-details{color:#656565;font-size:17px;font-weight:700}.title-icon{width:60px;height:auto}.container-circle{border-radius:50%;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.3);width:100px;height:100px;justify-content:center;top:110px}.container-circle,.front-tools-used{display:flex;align-items:center;position:absolute}.front-tools-used{bottom:0;justify-content:space-evenly;flex-wrap:wrap;font-size:12px;padding:20px 10px}.bvi{color:var(--bvi-color)}.cloud{color:var(--cloud-color)}.fpga{color:var(--fpga-color);padding:20px 40px;justify-content:center}.e-testing{color:var(--e-testing-color)}.openmp{color:var(--openmp-color)}.box-openmp:first-child{margin-right:5px}.dsp{color:var(--dsp-color)}.box-dsp:first-child{margin-right:5px}.box{padding:2px;margin:1px}.box:hover{opacity:.7}.box-bvi{border:1px solid var(--bvi-color)}.box-cloud{border:1px solid var(--cloud-color)}.box-fpga{border:1px solid var(--fpga-color)}.box-dsp{border:1px solid var(--dsp-color)}.box-openmp{border:1px solid var(--openmp-color)}.box-e-testing{border:1px solid var(--e-testing-color)}.box-fpga:first-of-type{margin-right:5px}.back{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.3);transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg)}.title-back{display:flex;height:30%;justify-content:center;align-items:center;padding:0 1rem;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.5em;font-weight:700}.bvi-back{background:var(--bvi-color)}.qloud-back{background:var(--cloud-color)}.fpga-back{background:var(--fpga-color)}.dsp-back{background:var(--dsp-color)}.openmp-back{background:var(--openmp-color)}.testing-back{background:var(--e-testing-color)}.description-back{padding:1rem 1.5rem;text-align:left;font-size:1.25rem;height:100%;overflow:hidden}.addOverflow{overflow:auto}.github-link-container{padding:.875rem}.link-github{float:right;color:#fff;padding:1rem .5rem;border-radius:14px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:.875rem;transition:all .5s}.link-github svg{margin-left:5px;transition:all .5s}.github-bvi{background:var(--bvi-color)}.github-qloud{background:var(--cloud-color)}.github-fpga{background:var(--fpga-color)}.github-dsp{background:var(--dsp-color)}.github-openmp{background:var(--openmp-color)}.github-testing{background:var(--e-testing-color)}.link-github:hover{background:#fff!important}.github-bvi:hover{color:var(--bvi-color)}.github-bvi:hover svg{fill:var(--bvi-color)}.github-qloud:hover{color:var(--cloud-color)}.github-qloud:hover svg{fill:var(--cloud-color)}.github-fpga:hover{color:var(--fpga-color)}.github-fpga:hover svg{fill:var(--fpga-color)}.github-dsp:hover{color:var(--dsp-color)}.github-dsp:hover svg{fill:var(--dsp-color)}.github-openmp:hover{color:var(--openmp-color)}.github-openmp:hover svg{fill:var(--openmp-color)}.github-testing:hover{color:var(--e-testing-color)}.github-testing:hover svg{fill:var(--e-testing-color)}.applyMove{top:50%!important;left:50%!important;width:600px!important;margin-left:-300px!important;max-width:600px!important;height:560px!important;margin-top:-280px!important;transition:all .6s ease-out;-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;-ms-transition:.6s ease-out}.applyMove,.popup{perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px}.popup{position:fixed;top:0;left:0;display:none;background-color:var(--bg-overlay);z-index:200}#contact,.popup{width:100%;height:100%}#contact{min-height:630px;position:relative;display:flex;align-items:center;justify-content:center;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,96.1%,.7)),to(hsla(0,0%,96.1%,.7))),url(static/img/projects.jpg) 50% no-repeat;background:-o-linear-gradient(bottom,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(static/img/projects.jpg) 50% no-repeat;background:linear-gradient(0deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(static/img/projects.jpg) 50% no-repeat;background:-o-linear-gradient(0deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(static/img/projects.jpg) 50% no-repeat;background:-moz-linear-gradient(0deg,hsla(0,0%,96.1%,.7),hsla(0,0%,96.1%,.7)),url(static/img/projects.jpg) 50% no-repeat;background-size:cover;background-attachment:fixed}.contact-title{display:block;text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px}input,textarea{outline:none;border:none;width:100%;background-color:transparent}.wrap-input{position:relative;border-bottom:2px solid #adadad;margin-bottom:25px}input.input{height:45px}.input{display:block;width:100%;font-size:15px;color:#555;line-height:1.2}.active-input{width:100%;height:100%;top:0;pointer-events:none;color:transparent}.active-input,.active-input:before{position:absolute;display:block;left:0}.active-input:before{content:"";bottom:-2px;width:0;height:2px;background:var(--blue);background:-o-linear-gradient(45deg,#0078ff,#00d4ff);background:linear-gradient(45deg,#0078ff,#00d4ff)}.active-input:after,.active-input:before{-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.active-input:after{content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;font-size:13px;color:#999;line-height:1.2}input.input+.active-input:after{top:16px;left:0}textarea.input{min-height:115px;padding-top:13px;padding-bottom:13px}textarea{resize:none}textarea.input+.active-input:after{top:16px;left:0}.input:focus+.active-input:after{top:-13px}.input:focus+.active-input:before{width:100%}.has-val.input+.active-input:after{top:-13px}.has-val.input+.active-input:before{width:100%}.alert-v:before{content:attr(data-validate);max-width:70%;background-color:transparent;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;right:0;pointer-events:none;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}.alert-v:after,.alert-v:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#c80000}.alert-v:after{content:"\0021";display:block;font-size:20px;font-weight:700;right:8px}.alert-v:hover:before{visibility:visible;opacity:1}.thank-you{display:none;margin:auto;text-align:center}.thanks{font-weight:700}.success-checkmark{display:none;width:80px;height:115px;margin:0 auto;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:after,.success-checkmark .check-icon:before{content:"";height:100px;position:absolute;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}@-webkit-keyframes rotate-circle{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-ms-transform:rotate(-405deg);-o-transform:rotate(-405deg)}to{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-ms-transform:rotate(-405deg);-o-transform:rotate(-405deg)}}@keyframes rotate-circle{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-ms-transform:rotate(-405deg);-o-transform:rotate(-405deg)}to{transform:rotate(-405deg);-webkit-transform:rotate(-405deg);-moz-transform:rotate(-405deg);-ms-transform:rotate(-405deg);-o-transform:rotate(-405deg)}}@-webkit-keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.container-contact-form-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:21px}.wrap-contact-form-btn{display:block;position:relative;border-radius:10px;width:auto;overflow:hidden;margin:0 auto}.contact-form-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:140px;width:30vw;min-width:60px;height:50px;font-size:16px;color:#fff}.contact-form-btn:disabled{background-color:#b2b3b4;color:#fff;cursor:pointer}.contact-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#b2b3b4;background:linear-gradient(-135deg,#b2b3b4,#717272,#b2b3b4,#717272);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.wrap-contact-form-btn:hover .contact-form-bgbtn{left:0}.contact-me{overflow:hidden;width:770px;max-width:770px;padding:2rem!important;min-height:220px;margin:0}.recaptcha-message{font-size:14px;color:#adadad;margin-top:20px;text-align:center}.social-media{display:flex;flex-direction:row;width:100%;margin-top:20px}.fa,.social-media{justify-content:center}.fa{display:flex!important;align-items:center;height:40px;width:40px;text-align:center;text-decoration:none;border-radius:50%;margin-right:20px}.fa img{width:25px;height:25px}.fa:hover{transform:scale(1.2);opacity:.9}.fa-facebook{background:#3b5998}.fa-facebook:hover{box-shadow:0 0 5px #3b5998;-webkit-box-shadow:0 0 5px #3b5998;-moz-box-shadow:0 0 5px #3b5998}.fa-github{background:#000}.fa-github:hover{box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000}.fa-linkedin{background:#007bb5}.fa-linkedin:hover{box-shadow:0 0 5px #007bb5;-webkit-box-shadow:0 0 5px #007bb5;-moz-box-shadow:0 0 5px #007bb5}.fa-researchgate{background:#15aabf;margin:0}.fa-researchgate img{width:45px;height:45px}.fa-researchgate:hover{box-shadow:0 0 5px #15aabf;-webkit-box-shadow:0 0 5px #15aabf;-moz-box-shadow:0 0 5px #15aabf}.loader-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;width:100%;height:100vh;z-index:10000000;position:fixed;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px}.loader{width:100px;height:100px;position:relative;-webkit-animation:loader 2.5s linear infinite both;animation:loader 2.5s linear infinite both}.loader-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:loader-dot 2s ease-in-out infinite both;animation:loader-dot 2s ease-in-out infinite both}.loader-dot:before{content:"";display:block;width:25%;height:25%;background-color:var(--blue);border-radius:100%;-webkit-animation:loader-dot-before 2s ease-in-out infinite both;animation:loader-dot-before 2s ease-in-out infinite both}.loader-dot:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loader-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.loader-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.loader-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.loader-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.loader-dot:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loader-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.loader-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loader-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loader-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loader-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes loader{to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}@-webkit-keyframes loader-dot{80%,to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}@keyframes loader-dot{80%,to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}@-webkit-keyframes loader-dot-before{50%{transform:scale(.4);-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);-o-transform:scale(.4)}0%,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes loader-dot-before{50%{transform:scale(.4);-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);-o-transform:scale(.4)}0%,to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.wrapper-menu{width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .33s ease-out}.wrapper-menu.open{transform:rotate(-45deg)}.line-menu{background-color:#fff;border-radius:5px;width:100%;height:4px;transition:transform .33s cubic-bezier(.54,-.81,.57,.57)}.line-menu.half{width:50%}.line-menu.start{transform-origin:right}.open-start,.open .line-menu.start{transform:rotate(-90deg) translateX(2px)}.line-menu.end{align-self:flex-end;transform-origin:left}.open .line-menu.end{transform:rotate(-90deg) translateX(-2px)}.fab-container{display:none;position:fixed;bottom:150px;right:25px;z-index:199;cursor:pointer}.fab-options a{width:100%;display:flex;justify-content:flex-end;text-decoration:none}.fab-icon-holder{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;box-shadow:0 6px 20px rgba(0,0,0,.2)}.fab-icon-holder svg{width:29px;height:25px}.fab{display:flex!important;justify-content:center;align-items:center;width:60px;height:60px;background:var(--blue)}.fab-options{list-style-type:none;margin:0;position:absolute;width:150px;height:240px;bottom:70px;right:0;background:hsla(0,0%,100%,.9);border-radius:20px;opacity:0;transition:all .5s ease;transform:scale(0);transform-origin:85% bottom}.fab-options.fab-active{opacity:1;transform:scale(1)}.fab-options li{display:flex;justify-content:flex-end;padding:5px}.fab-label{padding:2px 5px;align-self:center;user-select:none;white-space:nowrap;font-size:16px;margin-right:10px}#home-fab{color:red}#about-fab{color:#ff7f00}#projects-fab{color:#8b4513}#contact-fab{color:#00c700}.home-option{background:red}.about-option{background:#ff7f00}.projects-option{background:#8b4513}.contact-option{background:#00c700}.draggable{opacity:.5}.fixed-position{top:var(--topStyle)!important;left:var(--leftStyle)!important;right:auto!important;bottom:auto!important}.question-container{display:flex;box-sizing:border-box}.icon-container{width:80px;height:80px;display:flex;justify-content:center}.full-screen-logo{background-image:url(static/img/fs-logo.png);background-size:cover;width:45px;height:45px;align-self:baseline}.question-modal{width:244px;width:calc(100% - 80px);user-select:none;color:#666;padding:0 .2em 0 1.286em;font-size:1.143em;line-height:1.45em}.buttons-modal-container{position:relative;margin:.25em .25em 0 0;display:flex;flex-direction:row-reverse}#yes{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 6px 0 rgba(0,0,0,.12);background:var(--blue);color:#fff}#no,#yes{padding:.714em 2em;font-size:1em;text-transform:uppercase;border-radius:2px;font-weight:400}#no{color:var(--blue)}@media (hover:none){.nav-links a:hover:before{width:0}.active>a:before{width:100%!important}}@media screen and (max-width:1280px){#about{padding:3rem 0}}@media screen and (max-width:1221px){#about{padding:2rem 0}}@media screen and (max-width:1024px){.contact-me{width:87vw}}@media screen and (max-width:992px){.alert-v:before{visibility:visible;opacity:1}}@media screen and (max-width:900px){#about{padding:1rem 0}.info-container{flex-wrap:wrap;justify-content:center}.img-button-container{margin-bottom:20px}.small-pic{margin-right:0}}@media screen and (max-width:800px){.about-me{flex-wrap:wrap}.grid-1{padding-left:0}.info-container{flex-wrap:nowrap}.img-button-container{margin-bottom:0}.small-pic{margin-right:50px}.applyMove{width:500px!important;margin-left:-250px!important;height:642px!important;margin-top:-321px!important}.recaptcha-message{font-size:12px}}@media screen and (max-width:768px){header{display:none}.fab-container{display:block!important}.intro-text h1{font-size:3rem}.intro-text div{font-size:1.5rem}}.permission-full-screen-modal{position:fixed;width:100%;height:162px;background:#fff;bottom:-164px;font-size:14px;z-index:1000;padding:1.286em;font-family:Roboto,sans-serif;transition:all .5s ease}.permission-full-screen-modal-bg{display:none;position:fixed;width:100%;height:100%;background:var(--bg-overlay);z-index:999}@media screen and (max-width:650px){.title-back{height:20%;font-size:1.25rem}.description-back{padding:1rem 1.25rem;font-size:1.15rem}.link-github{font-size:.75rem}.applyMove{width:400px!important;margin-left:-200px!important}}@media screen and (max-width:550px){.intro-text{padding:0 2rem}.intro-text div{height:80px}}@media screen and (max-width:522px){.info-container{flex-wrap:wrap;flex-direction:column}.img-button-container{align-self:center;margin-bottom:10px}.small-pic{margin-right:0}}@media screen and (max-width:500px){.title-back{height:15%}.applyMove{width:350px!important;margin-left:-175px!important}}@media screen and (max-width:450px){.recaptcha-message{font-size:11px}}@media screen and (max-width:410px){.skills{justify-content:space-evenly}.skill{width:86px;margin:0}}@media screen and (max-width:400px){.applyMove{width:300px!important;margin-left:-150px!important}.link-github{padding:.875rem .5rem}}@media screen and (max-width:390px){.fa{width:30px;height:30px}.fa img{width:20px;height:20px}.fa-researchgate img{height:35px;width:35px}}@media screen and (max-width:320px){.applyMove{width:90%!important;margin-left:0!important;left:5%!important}}@media screen and (max-height:720px){#projects{padding:2rem 0}}@media screen and (max-height:670px){.applyMove{height:90%!important;top:5%!important;margin-top:0!important}}@media screen and (max-height:640px){.contact-me{transform:scale(.9)}}@media screen and (max-height:600px) and (max-width:500px){.projects-title{font-size:1.75rem}.projects-title-info{font-size:.75rem}.project-card{height:300px;width:200px}.container-circle{width:75px;height:75px;top:85px}.title-icon{width:45px}.front-text{width:150px;top:165px}.card-title{font-size:15px}.card-title-details{font-size:12px}.front-tools-used{font-size:8px;padding:10px 5px}.lSAction>a{width:27px;height:27px}.contact-title{font-size:1.5rem}#contact{min-height:568px}.lead{font-size:1rem}.title-left{font-size:1.5rem}.recaptcha-message{font-size:10px}}@media screen and (max-height:580px){.contact-me{padding:1.5rem!important}}@media screen and (max-height:470px) and (min-width:550px) and (orientation:landscape){.fab-options{display:flex;width:530px;height:60px}}@media screen and (min-width:800px){.grid-1{width:541px;width:min(541px,50%)}.grid-2{width:669px;width:min(669px,56%);padding-left:20px}.short-info{display:flex;flex-direction:column;padding-right:10px}}@media screen and (max-width:768px) and (max-height:450px) and (orientation:landscape){.applyMove{width:90%!important;margin-left:0!important;left:5%!important;max-width:90%!important}}@media (max-height:350px),screen and (max-width:310px){.title-back{font-size:5vmin}.description-back{font-size:4vmin;padding:8vmin}.link-github{padding:3vmin 2vmin;font-size:3vmin}.link-github svg{width:5vmin;margin-left:1px;height:5vmin}.github-link-container{padding:5vmin}}.grecaptcha-badge{display:none}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.hideButton{display:none!important}.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter:hover .lSAction>a{display:block}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear linear 0s .35s 0s;transition:border-radius .12s linear linear 0s .35s 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{width:32px;display:none;top:50%;height:32px;background-image:url(static/img/chevron-circle.svg);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;image-rendering:crisp-edges}.lSAction>.lSPrev{background-size:contain;transform:rotate(180deg);left:10px}.lSAction>.lSNext{background-size:contain;right:0}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager{padding-left:0;list-style:none outside none}.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager{padding-right:0}.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li{float:left}.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li{float:right!important}@-webkit-keyframes rightEnd{0%{left:0}50%{left:-15px}to{left:0}}@keyframes rightEnd{0%{left:0}50%{left:-15px}to{left:0}}@-webkit-keyframes topEnd{0%{top:0}50%{top:-15px}to{top:0}}@keyframes topEnd{0%{top:0}50%{top:-15px}to{top:0}}@-webkit-keyframes leftEnd{0%{left:0}50%{left:15px}to{left:0}}@keyframes leftEnd{0%{left:0}50%{left:15px}to{left:0}}@-webkit-keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}to{bottom:0}}@keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}to{bottom:0}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}@media (pointer:fine){.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSAction>a:hover{opacity:.7}}