@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);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}@-webkit-keyframes drop{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.Header{text-align:center;min-height:100vh;display:flex;flex-direction:column;color:#f5f5f5;background-color:#253245;background-image:url(/static/media/bg-img.b27ec758.svg);background-position:0;background-size:cover}header{display:flex;width:90%;margin:2vh auto;min-height:10vh}header .logo-container,header .nav-links,header nav{display:flex;flex:1 1}header .logo-container{width:100%}header .logo-container a{margin:0}header nav ul{justify-content:space-around}header nav ul li{list-style:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header nav ul li .nav-link{text-decoration:none;letter-spacing:2px;text-transform:uppercase;color:#f5f5f5;font-weight:600;font-size:medium;position:relative}header nav ul li .nav-link:after{position:absolute;transition:.3s;content:"";width:0;left:0;bottom:0;height:3px;background:#ffcb36}header nav ul li .nav-link:hover{cursor:pointer}header nav ul li .nav-link:hover:after{width:50%;left:0}.App-logo{width:10vh;height:10vh;margin:0 10vh}.App-logo img{width:100%;height:100%}.main-header-content{display:flex;padding:5% 0 5% 15%;min-height:70vh;align-items:center}.main-header-content .img-cover{flex:2 1}.main-header-content .img-cover img{max-height:40vh;width:25vw;-webkit-filter:drop-shadow(0 0 3px #253245);filter:drop-shadow(0 0 3px #253245);-webkit-animation:drop 1.5s ease 2s;animation:drop 1.5s ease 2s}.main-header-content .heading{flex:7 1;text-align:left;width:40vw;height:100%;margin:15vh 0 0 5vh}.main-header-content .heading h1,.main-header-content .heading h2{font-size:5.5vh}main{padding:3% 10% 1%}main h1{position:relative;z-index:1;overflow:hidden;text-align:center;color:#253245}main h1:after,main h1:before{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:"\a0";background-color:silver}main h1:before{margin-left:-60%;text-align:right}main h1:after{margin-left:10%;text-align:left}main p{font-size:3vh}.main-content{display:flex;padding:5% 0}.main-content .about-content1{flex:5 1;text-align:justify}.main-content .about-content2{flex:2 1;width:100%;justify-content:center;padding:0 0 0 10%}.main-content .about-content2 .card{text-decoration:none;color:#253245;max-width:25vw;border-radius:10px;box-shadow:0 1px 3px rgba(44,46,65,.15);display:flex;justify-content:center;align-items:center}.main-content .about-content2 .card header{padding-bottom:90%;position:relative;background-image:url(/static/media/DP-large.42506934.png);background-size:cover;background-position:50%;background-color:#253245;border-radius:10px}.main-content .about-content2 .card .card-content{width:100%;border-radius:10px;padding:10px 30px;display:flex}.main-content .about-content2 .card .card-content .img-wrapper{display:flex;flex:1 1;justify-content:center}.main-content .about-content2 .card .card-content .img-wrapper img{width:25px;height:25px}.main-content .about-content2 .card .card-content>*{margin-bottom:20px}.main-content .about-content2 .card .card-content>:last-child{margin-bottom:0}.technical-content{display:flex;padding:5% 0;width:80%;margin:auto;justify-content:center;flex-direction:row;flex-wrap:wrap}.technical-content .technical{justify-content:center;align-items:center;padding:0;background-color:#253245;width:12vw;height:12vw;margin:1px;position:relative;overflow:hidden;border-top:solid #253245}.technical-content .technical img{width:50%;height:50%;margin:25%}.technical-content .technical p{position:absolute;font-weight:600;background-color:#fff;color:#253245;opacity:1;width:100%;height:100%;text-align:center;z-index:1;display:flex;justify-content:center;align-content:center;flex-direction:column;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s;cursor:default}.technical-content .technical:hover>p{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:1s ease}.work-contentA{display:flex;padding:5% 0;align-items:center}.work-contentA p b{color:#253245}.work-contentA .work-content1{flex:5 1;text-align:justify}.work-contentA .work-content1 h3{color:#253245;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-image:linear-gradient(90deg,rgba(255,169,150,.5019607843137255),rgba(255,169,150,.5019607843137255));background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%}.work-contentA .work-content2{flex:4 1;width:100%;justify-content:center;padding:0 0 0 10%}.work-contentA .work-content2 .project-wrapper{width:100%;height:100%}.work-contentA .work-content2 .project-wrapper img{width:100%;-webkit-filter:drop-shadow(0 0 3px #253245);filter:drop-shadow(0 0 3px #253245)}.work-contentB{display:flex;padding:5% 0;align-items:center}.work-contentB p b{color:#253245}.work-contentB .work-content3{flex:4 1;width:100%;justify-content:center;align-items:center;padding:0 10% 0 0}.work-contentB .work-content3 .project-wrapper{width:100%;height:100%}.work-contentB .work-content3 .project-wrapper img{width:100%;-webkit-filter:drop-shadow(0 0 3px #253245);filter:drop-shadow(0 0 3px #253245)}.work-contentB .work-content4{flex:5 1;text-align:justify}.work-contentB .work-content4 h3{color:#253245;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-image:linear-gradient(90deg,rgba(255,169,150,.5019607843137255),rgba(255,169,150,.5019607843137255));background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%}.contact-content{display:flex;padding:5% 0;justify-content:center}.contact-content div{margin:auto;width:50%;text-align:center}.contact-content a{text-decoration:none;font-weight:600;padding:1%;color:#253245;background-image:linear-gradient(120deg,#ffaa96,#f5f5f5);background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;transition:background-size .25s ease-in}.contact-content a:hover{background-size:100% 88%;color:#253245}a.animated-button.button-effect{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#253245;font-weight:500;font-size:1.5vh;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:block;position:relative;border:2px solid #253245;transition:all .4s ease-in-out 0s;border-radius:0;overflow:hidden}a.animated-button.button-effect:hover{color:#f5f5f5!important;background-color:transparent}a.animated-button.button-effect:hover:before{left:0;right:auto;width:100%}a.animated-button.button-effect:before{display:block;position:absolute;top:0;right:0;height:100%;width:0;z-index:-1;content:"";color:#f5f5f5!important;background:#253245;transition:all .4s ease-in-out 0s}footer{background-color:#253245;padding:2.5% 5% 0}hr{background-color:#f5f5f5}.above-footer{width:100%;min-height:10vh;color:#f5f5f5}.above-footer .social-links{display:flex;margin:auto;padding:1%;justify-content:center;align-items:center}.above-footer .social-links .social{padding:0;border:2px solid #f5f5f5;border-radius:2vw;width:3vw;height:3vw;margin:1vw}.above-footer .social-links .social img{width:60%;height:60%;margin:20%}.above-footer .social-links .social:hover{-webkit-animation:jump .5s ease-in-out infinite alternate;animation:jump .5s ease-in-out infinite alternate}.footer{left:0;bottom:0;width:100%;min-height:10vh;color:#f5f5f5;align-items:center;display:flex}.footer .left{text-align:left}.footer .right{text-align:right}.footer div{flex:1 1}.footer div p{margin:auto}.footer div p a{text-decoration:none;font-weight:600;padding:1%;color:#f5f5f5;background-image:linear-gradient(120deg,#ffaa96,#f5f5f5);background-repeat:no-repeat;background-size:100% .3em;background-position:0 88%;transition:background-size .25s ease-in}.footer div p a:hover{background-size:100% 88%;color:#253245}.scroll-up{display:flex;width:100%;height:5vh;justify-content:center;align-items:center}.scroll-up .arrow-up{cursor:pointer;height:100%;border-radius:50%}.scroll-up .arrow-up img{height:100%;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.scroll-up .arrow-up:hover>img{-webkit-transform:translateY(-20%);transform:translateY(-20%);transition:.5s ease}@keyframes drop{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes slide-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@media screen and (max-width:1024px){body,html{overflow-x:hidden}.Header{width:100%;overflow:hidden}header{display:block;min-height:0}header nav{position:relative!important}header nav,header nav .nav-links{display:none!important;visibility:hidden}header nav .nav-links{position:absolute}header nav .nav-links .nav-link{position:relative;display:none!important;visibility:hidden}header .logo-container{justify-content:center}}@media screen and (max-width:768px){body,html{overflow-x:hidden}.Header{width:100%;overflow:hidden}header{display:block;min-height:0}header nav{position:relative!important}header nav,header nav .nav-links{display:none!important;visibility:hidden}header nav .nav-links{position:absolute}header nav .nav-links .nav-link{position:relative;display:none!important;visibility:hidden}header .logo-container{justify-content:center}.main-header-content{flex-direction:column-reverse;padding:5% 10%}.main-header-content .heading{width:100%;text-align:left;margin:5vh 0}.main-header-content .heading .head-wrap{height:35vw}.main-header-content .heading h1{font-size:7vw}.main-header-content .img-cover,.main-header-content .img-cover img{width:100%}main{min-height:0}main h1{font-size:7vw}main h1:after,main h1:before{display:none}.main-content{flex-direction:column;justify-content:center}.main-content p{font-size:3.5vw}.main-content .about-content2{width:100%;padding:0}.main-content .about-content2 .card{max-width:100%;margin:5% 20%}.technical-content{width:100%}.technical-content p{font-size:1.5vw}.technical-content .technical{width:15vw;height:15vw}.work-contentA{flex-direction:column;justify-content:center}.work-contentA .work-content1 h3{font-size:5vw;text-align:center;margin:1vw auto}.work-contentA .work-content1 p{font-size:3.5vw;text-align:justify}.work-contentA .work-content2{width:100%;padding:0}.work-contentB{flex-direction:column-reverse;justify-content:center}.work-contentB .work-content4 h3{font-size:5vw;text-align:center;margin:1vw auto}.work-contentB .work-content4 p{font-size:3.5vw;text-align:justify}.work-contentB .work-content3{width:100%;padding:0}.above-footer .social-links .social{width:10vw;height:10vw;margin:2vw;border-radius:5vw}.contact-content p{font-size:3.5vw}.contact-content div{width:90%;margin:auto;text-align:center}.footer{min-height:0}.footer div p{font-size:2vw;margin:2%}.footer div p a{font-size:2vw}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"Montserrat",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Karla",sans-serif;font-weight:700}b{font-weight:600}button{font-family:"Karla",sans-serif}button:focus{outline:0}
/*# sourceMappingURL=main.458e15bb.chunk.css.map */