.App{align-items:center;background-color:#deb887;display:flex;justify-content:center;position:relative;transition:all 1s ease;width:100%}.appSize{height:100vh}body::-webkit-scrollbar{display:none}.cofload{overflow:hidden;z-index:200}.coffeeCont{height:400px;margin-top:130px;overflow:hidden;width:400px}@media (max-width:662px){.coffeeCont{height:300px;width:300px}}.loader{left:500px;top:200px}.back{animation:fadeIn 5s;-webkit-animation:fadeIn 5s;-moz-animation:fadeIn 5s;-o-animation:fadeIn 5s;-ms-animation:fadeIn 5s;background-color:#deb887;transition:all 3s ease-in-out;transition-delay:1.5s;transition-duration:1.5s}.sections{position:relative;transition:all 1s ease;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.background{animation:fadeIn 5s;-webkit-animation:fadeIn 5s;-moz-animation:fadeIn 5s;-o-animation:fadeIn 5s;-ms-animation:fadeIn 5s;background-image:url(/static/media/back6.b3b3e8249a72f86c36bc.jpg);background-size:1500px 690px;transition:all 3s ease-in-out;transition-delay:1.5s;transition-duration:1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progressBar{background:#6f4e37;height:9px;left:0;position:fixed;right:0;top:0;-webkit-transform-origin:0;transform-origin:0;z-index:500}.blurr{filter:blur(8px);-webkit-filter:blur(8px)}.topbar{color:#fff;height:140px;transition:all 1s ease;width:100%}@media (max-width:900px){.topbar{height:100px;overflow:hidden}}.topbar .wrapper{align-items:center;display:flex;justify-content:center;transition:all 1s}@media (max-width:900px){.topbar .wrapper{justify-content:center;justify-content:space-around;overflow:hidden}}.topbar .wrapper .left{align-items:center;display:flex;justify-content:center}@media (max-width:900px){.topbar .wrapper .left{overflow:hidden}}.topbar .wrapper .left .leftComp{height:100px;overflow:hidden;width:100px}@media (max-width:900px){.topbar .wrapper .left .leftComp{height:90px;width:90px}}.topbar .wrapper .left .leftComp img{cursor:pointer;height:100%;object-fit:contain;transition:all .7s ease-in-out;width:100%}.topbar .wrapper .right{display:flex;right:10px}.topbar .wrapper .right .rightComp{margin-top:10px;overflow:hidden;transition:all .7s ease-in-out}@media (max-width:900px){.topbar .wrapper .right .rightComp{flex-direction:column;height:140px;justify-content:space-evenly;margin-top:20px;overflow:hidden;width:280px}}.topbar .wrapper .right .rightComp .color{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5px}.topbar .wrapper .right .rightComp .elementDiv{fill:#deb887;cursor:pointer;height:25px;width:25px}.element{color:#d3d3d3;cursor:pointer;font-size:20px;font-weight:700;padding-bottom:5px;position:relative;text-decoration:none}@media (max-width:900px){.element{margin-top:10px;overflow:hidden;padding-bottom:0}}.element:hover{color:#fff}.element:before{background-color:#add8e6;bottom:0;content:"";display:block;height:4px;left:0;margin-top:10px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.element:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}@font-face{font-display:swap;font-family:League Spartan;font-style:normal;font-weight:400;src:url(/static/media/league-spartan-vietnamese-400-normal.e8ad14433ca56ca2d3c0.woff2) format("woff2"),url(/static/media/league-spartan-all-400-normal.63d127d27993ec6f782d.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:League Spartan;font-style:normal;font-weight:400;src:url(/static/media/league-spartan-latin-ext-400-normal.8915f44a464c0038a068.woff2) format("woff2"),url(/static/media/league-spartan-all-400-normal.63d127d27993ec6f782d.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:League Spartan;font-style:normal;font-weight:400;src:url(/static/media/league-spartan-latin-400-normal.ff90845b5ef1a629271a.woff2) format("woff2"),url(/static/media/league-spartan-all-400-normal.63d127d27993ec6f782d.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.intro{height:600px}@media (max-width:900px){.intro{height:auto}}.intro .wrapper{align-items:center;flex-direction:column}.intro .wrap,.intro .wrapper{display:flex;justify-content:center;overflow:hidden;width:100%}.intro .wrap{height:350px}@media (max-width:900px){.intro .wrap{flex-direction:column;height:400px}}.intro .wrap .left{flex:5 1;overflow:hidden;width:100%}@media (max-width:900px){.intro .wrap .left{align-items:center;display:flex;flex:auto;justify-content:center}}.intro .wrap .left .leftImage{-webkit-animation:drop-right 3s ease .2s backwards;animation:drop-right 3s ease .2s backwards;display:flex;height:350px;margin-left:200px;overflow:hidden;transition:all 2s ease;width:550px}@media (max-width:900px){.intro .wrap .left .leftImage{height:200px;margin-left:10px;width:200px}}@media (min-width:663px) and (max-width:1244px){.intro .wrap .left .leftImage{margin-left:0}}@-webkit-keyframes drop-right{0%{opacity:0;-webkit-transform:translatex(-200px);transform:translatex(-200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes drop-right{0%{opacity:0;-webkit-transform:translatex(-200px);transform:translatex(-200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.intro .wrap .left img{height:97%;object-fit:contain;overflow:hidden;width:100%}@-webkit-keyframes drop-left{0%{opacity:0;-webkit-transform:translatex(200px);transform:translatex(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes drop-left{0%{opacity:0;-webkit-transform:translatex(200px);transform:translatex(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.intro .wrap .right{flex:5 1;overflow:hidden}@media (max-width:900px){.intro .wrap .right{align-items:center;display:flex;flex:auto;flex-direction:column;justify-content:center;margin-bottom:20px}}.intro .wrap .right .coffeetime{-webkit-animation:drop-left 3s ease .2s backwards;animation:drop-left 3s ease .2s backwards;margin-left:50px;overflow:hidden;width:400px}.intro .wrap .right .coffeetime h1{font-size:50px;margin-bottom:20px;padding:5px;transition:all 2s ease}@media (max-width:900px){.intro .wrap .right .coffeetime h1{font-size:35px;margin-bottom:0;margin-left:45px}}.intro .wrap .right .coffeetime h1 span{margin-left:145px}@media (max-width:900px){.intro .wrap .right .coffeetime h1 span{margin-left:90px}}.intro .wrap .right .coffeetime p{color:#000;letter-spacing:2px;line-height:20px;padding:5px;transition:all 2s ease}@media (max-width:900px){.intro .wrap .right .coffeetime p{font-stretch:expanded;line-height:15px;margin-bottom:50px;margin-left:30px;text-align:justify;width:300px}}.intro .btnClass,.intro .btnClass .btn{display:flex;overflow:hidden}.intro .btnClass .btn{align-items:center;background-color:#6f4e37;border:none;border-radius:10px;color:#000;font-size:20px;justify-content:center;margin-bottom:15px;margin-left:170px;margin-top:30px;padding:15px;transition:all .7s ease-in-out}@media (max-width:900px){.intro .btnClass .btn{margin-left:10px;margin-top:20px}}.intro .btnClass .btn .arrow{color:#000;font-size:23px;margin-bottom:4px;margin-left:7px}.btn:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.btn{-webkit-animation:drop-up 3s ease .2s backwards;animation:drop-up 3s ease .2s backwards}@-webkit-keyframes drop-up{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes drop-up{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.icon3{cursor:pointer}.icon3:hover{fill:darkred}.icon4{cursor:pointer}.icon4:hover{fill:#006400}.projects{background-color:#f3f3f3;border-top-left-radius:100px;border-top-right-radius:100px;height:2000px}@media (max-width:900px){.projects{height:auto;overflow:hidden}}.projects .wrapper,.projects .wrapper .text{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects .wrapper .text{color:#1c1d25;height:200px;margin-bottom:50px;margin-top:70px}.projects .wrapper .text h1{color:#1c1d25;font-size:60px;font-weight:700;padding:10px}@media (max-width:900px){.projects .wrapper .text h1{font-size:40px}}.projects .wrapper .text h1 span{color:#deb887}@media (max-width:900px){.projects .wrapper .text h1 span{font-size:40px}}.projects .wrapper .text h2{color:#a9a9a9;font-size:25px;font-weight:700;margin-top:30px}.projects .wrapper .images{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects .wrapper .images .image1{height:500px;overflow:hidden;width:1200px}@media (max-width:1200px){.projects .wrapper .images .image1{height:200px;width:300px}}.projects .wrapper .images .image1 img{height:100%;width:100%}.projects .wrapper .images .image2{height:500px;overflow:hidden;width:900px}@media (max-width:1200px){.projects .wrapper .images .image2{height:200px;width:300px}}.projects .wrapper .images .image2 img{height:100%;width:100%}.projects .wrapper .images .image3{height:500px;overflow:hidden;width:900px}@media (max-width:1200px){.projects .wrapper .images .image3{height:200px;width:300px}}.projects .wrapper .images .image3 img{height:100%;width:100%}.iconDiv1{display:flex;flex-direction:column;margin-bottom:90px;width:500px}@media (max-width:1200px){.iconDiv1{width:300px}}.iconDiv1 .tools{align-items:center;display:flex;font-size:25px;font-weight:700;justify-content:center;margin-bottom:15px}.iconDiv1 .tools h2{color:#a9a9a9}.contDiv{align-items:center;display:flex;justify-content:center;margin-bottom:150px;width:100%}@media (max-width:1200px){.contDiv{flex-direction:column;margin-bottom:50px}}.contDiv .left{flex:5 1}.contDiv .left .imgCont{height:400px;overflow:hidden;transition:all 2s ease;width:700px}@media (max-width:1200px){.contDiv .left .imgCont{height:200px;width:300px}}@media (min-width:901px) and (max-width:1200px){.contDiv .left .imgCont{height:400px;width:700px}}.contDiv .left .imgCont img{height:100%;object-fit:contain;transition:all 2s ease;width:100%}.contDiv .right{flex:5 1}.contDiv .right .words{color:#000;letter-spacing:2px;line-height:30px;margin-left:50px;padding:5px;width:400px}@media (max-width:1200px){.contDiv .right .words{font-stretch:expanded;line-height:20px;margin-left:10px;margin-top:20px;text-align:justify;width:300px}}@media (min-width:901px) and (max-width:1200px){.contDiv .right .words{width:500px}}.contDiv3{align-items:center;display:flex;justify-content:center;margin-bottom:150px;width:100%}@media (max-width:1200px){.contDiv3{flex-direction:column;margin-bottom:50px}}.contDiv3 .left{flex:5 1}.contDiv3 .left .imgCont{height:400px;overflow:hidden;transition:all 2s ease;width:700px}@media (max-width:1200px){.contDiv3 .left .imgCont{height:200px;width:300px}}@media (min-width:901px) and (max-width:1200px){.contDiv3 .left .imgCont{height:400px;width:700px}}.contDiv3 .left .imgCont img{height:100%;object-fit:contain;transition:all 2s ease;width:100%}.contDiv3 .right{flex:5 1}.contDiv3 .right .words{color:#000;letter-spacing:2px;line-height:30px;margin-left:50px;padding:5px;width:400px}@media (max-width:1200px){.contDiv3 .right .words{font-stretch:expanded;line-height:20px;margin-left:10px;margin-top:20px;text-align:justify;width:300px}}@media (min-width:901px) and (max-width:1200px){.contDiv3 .right .words{width:500px}}.box2,.box3{margin-top:150px}.menu{background-color:#3c3d44;background-size:800px 500px;height:800px;left:-600px;position:fixed;top:0;transition:all 1.5s ease-in-out;width:300px;z-index:2}@media (max-width:900px){.menu{height:500px;right:50px;width:200px}}.menu.active{left:0;top:0;transition:all 1.5s ease-in-out}@media (max-width:900px){.menu.active{top:0}}.menu .close{fill:#6f4e37;cursor:pointer;display:flex;float:right;margin:20px}@media (max-width:900px){.menu .close{margin:10px}}.menu .container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:70px}@media (max-width:900px){.menu .container{margin-top:35px}}.menu .container .textDivs{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media (max-width:900px){.menu .container .textDivs{margin-left:30px;margin-top:20px}.menu .container .textDivs .pad{padding:0 2px}}.menu .container .textDiv1{color:#deb887;cursor:pointer;font-size:40px;font-weight:700;margin-bottom:50px;text-decoration:none}@media (max-width:900px){.menu .container .textDiv1{font-size:30px}}.menu .container .textDiv2{color:#deb887;cursor:pointer;font-size:40px;font-weight:700;margin-bottom:50px;text-decoration:none}@media (max-width:900px){.menu .container .textDiv2{font-size:30px}}.menu .container .textDiv3{color:#deb887;cursor:pointer;font-size:40px;font-weight:700;letter-spacing:2px;margin-bottom:50px;text-decoration:none}@media (max-width:900px){.menu .container .textDiv3{font-size:30px}}.menu .container .texta1{text-decoration:none}.menu .container .soc{font-weight:700;padding-bottom:5px;position:relative;text-decoration:none}.menu .container .soc:hover{color:#fff}.menu .container .soc:before{background-color:#deb887;bottom:0;content:"";display:block;height:4px;left:0;margin-top:10px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.menu .container .soc:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.menu .container .contact{color:#0c1241;font-size:30px;font-weight:700}@media (max-width:900px){.menu .container .contact{font-size:25px;margin-left:30px}}.menu .container .dvs{align-items:center;display:flex;justify-content:center}@media (max-width:900px){.menu .container .dvs{flex-direction:column}}.menu .container .dv1{align-items:center;display:flex;justify-content:center}.menu .container .dv1 .image{height:200px;margin-left:50px;overflow:hidden;width:200px}@media (max-width:900px){.menu .container .dv1 .image{height:70px;margin-left:30px;width:70px}}.menu .container .dv1 .image img{height:100%;object-fit:contain;width:100%}.menu .container .dv2{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:100px}@media (max-width:900px){.menu .container .dv2{margin-right:110px}}.menu .container .fstName{border:none;border-radius:15px;color:#000;height:30px;margin-bottom:15px;margin-left:150px;margin-top:50px;padding-left:10px;width:260px}@media (max-width:900px){.menu .container .fstName{margin-top:10px;width:180px}}.menu .container .lstName{border:none;border-radius:15px;color:#000;height:30px;margin-bottom:15px;margin-left:150px;padding-left:10px;width:260px}@media (max-width:900px){.menu .container .lstName{width:180px}}.menu .container .inEmail{border:none;border-radius:15px;color:#000;height:30px;margin-bottom:15px;margin-left:150px;padding-left:10px;width:260px}@media (max-width:900px){.menu .container .inEmail{width:180px}}.menu .container .errorMessage{align-items:center;color:#0c1241;display:flex;font-weight:700;justify-content:center;margin-bottom:10px;margin-left:140px}.menu .container .txtMessage{border:none;border-radius:15px;color:#000;height:50px;margin-bottom:15px;margin-left:150px;padding:10px;resize:none;width:250px}@media (max-width:900px){.menu .container .txtMessage{height:30px;width:180px}}.menu .container .sub{align-items:center;background-image:linear-gradient(270deg,#0c1241,#202d8b);border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:150px;margin-top:10px;overflow:hidden;width:260px}@media (max-width:900px){.menu .container .sub{width:180px}}.loaderx{-webkit-animation:an1 1s ease infinite;animation:an1 1s ease infinite;border:3px solid transparent;border-radius:50%;border-top-color:#fff;height:30px;pointer-events:none;width:30px}@-webkit-keyframes an1{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes an1{0%{-webkit-transform:rotate(0turn);transform:rotate(0turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mess{align-items:center;display:flex;justify-content:center}.btnDis{display:none}.about{background-color:#3c3d44;display:flex;height:700px;justify-content:center}@media (max-width:900px){.about{height:auto;overflow:hidden}}.about .wrapper,.about .wrapper .aboutMe{display:flex;flex-direction:column;justify-content:center}.about .wrapper .aboutMe{align-items:center}.about .wrapper .aboutMe .abouth1{color:#1c1d25;font-size:60px;margin-bottom:15px;transition:all 1s}.about .wrapper .aboutMe p{color:#1c1d25;font-size:25px;font-stretch:expanded;letter-spacing:2px;text-align:justify;width:600px}@media (max-width:900px){.about .wrapper .aboutMe p{font-size:20px;letter-spacing:3px;width:300px}}.about .wrapper .aboutMe .cvDiv{display:flex;overflow:hidden}.about .wrapper .aboutMe .cv{align-items:center;background-image:linear-gradient(270deg,#99b1c5,#a9b9d1);border:none;border-radius:10px;color:#1c1d25;display:flex;justify-content:center;letter-spacing:5px;margin-top:15px;padding:15px;text-decoration:none;transition:all .7s ease-in-out;width:130px}.p{color:#add8e6;display:inline-block;-webkit-filter:blur(4px);filter:blur(4px);opacity:0}.p:first-child{-webkit-animation:fade-in .8s cubic-bezier(.11,0,.5,0) .1s forwards;animation:fade-in .8s cubic-bezier(.11,0,.5,0) .1s forwards}@-webkit-keyframes fade-in{to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes fade-in{to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.cv:hover{border-radius:50%;color:#000;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.aboutDiv,.text{align-items:center;display:flex;justify-content:center}.text{color:#1c1d25;flex-direction:column;height:200px;margin-bottom:50px;margin-top:70px}.text h1{color:#1c1d25;font-size:60px;font-weight:700;padding:10px}@media (max-width:900px){.text h1{font-size:40px}}.text h1 span{color:#deb887}@media (max-width:900px){.text h1 span{font-size:40px}}.slides{align-items:center;display:flex;justify-content:center;overflow:hidden;transition:all 2s ease}@media (max-width:900px){.slides{flex-direction:column;margin-top:0}}.slide1{align-items:center;background-color:#1c1d25;border-radius:20px;display:flex;flex-direction:column;height:300px;margin-right:30px;width:350px}@media (max-width:900px){.slide1{height:270px;margin-bottom:30px;margin-right:0}}@media (min-width:901px) and (max-width:1200px){.slide1{width:260px}}.coffee1{fill:#deb887;height:50px;margin-top:30px;width:50px}@media (max-width:900px){.coffee1{height:40px;width:40px}}.coffeeh1{margin-top:30px;padding:0 20px}@media (max-width:900px){.coffeeh1{font-size:25px}}.coffeep{color:#000;font-stretch:expanded;margin-top:30px;padding:0 20px;text-align:justify}.coffeep span{color:#000;margin-left:130px}.slide2{align-items:center;background-color:#1c1d25;border-radius:20px;display:flex;flex-direction:column;height:300px;margin-right:30px;width:350px}@media (max-width:900px){.slide2{height:270px;margin-bottom:50px;margin-right:0}}@media (min-width:901px) and (max-width:1200px){.slide2{width:260px}}.coffee2{fill:#deb887;height:50px;margin-top:30px;width:50px}@media (max-width:900px){.coffee2{height:40px;width:40px}}.coffeeh12{margin-top:30px;padding:0 20px}@media (max-width:900px){.coffeeh12{font-size:25px}}@media (min-width:901px) and (max-width:1200px){.coffeeh12{margin-left:30px}}.coffeep2{color:#000;font-stretch:expanded;margin-top:30px;padding:0 20px;text-align:justify}.coffeep2 span{color:#000;margin-left:90px}.slide3{align-items:center;background-color:#1c1d25;border-radius:20px;display:flex;flex-direction:column;height:300px;margin-right:30px;width:350px}@media (max-width:900px){.slide3{height:270px;margin-bottom:50px;margin-right:0}}@media (min-width:901px) and (max-width:1200px){.slide3{width:260px}}.coffee3{fill:#deb887;height:50px;margin-top:30px;width:50px}@media (max-width:900px){.coffee3{height:40px;width:40px}}.coffeeh13{margin-top:30px;padding:0 20px}@media (max-width:900px){.coffeeh13{font-size:25px}}.coffeep3{color:#000;font-stretch:expanded;margin-top:30px;padding:0 20px;text-align:justify}.coffeep3 span{color:#000;margin-left:60px}.footer{background-color:#1c1d25;color:#fff;height:350px;transition:all 1s ease;width:100%}@media (max-width:900px){.footer{overflow:hidden}}.footer .wrapper{margin-top:50px}.footer .wrapper,.footer .wrapper .imgCont{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer .wrapper .imgCont{height:140px;margin-left:50px;margin-right:50px;margin-top:20px;overflow:hidden;width:100px}.footer .wrapper .imgCont .nav{-webkit-animation:Blink 2s infinite;animation:Blink 2s infinite;visibility:hidden}@-webkit-keyframes Blink{to{opacity:0}}@keyframes Blink{to{opacity:0}}.footer .wrapper .imgCont:hover .nav{visibility:visible}.footer .wrapper .imgCont .x{overflow:hidden}.footer .wrapper .imgCont img{cursor:pointer;height:100%;object-fit:contain;width:100%}.footer .wrapper .social{align-items:center;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:space-evenly;margin-top:10px;width:520px}@media (max-width:900px){.footer .wrapper .social{width:380px}}.footer .wrapper .social .linkdin{cursor:pointer}.footer .wrapper .social .github{cursor:pointer;padding:1px}.footer .wrapper .social .behance,.footer .wrapper .social .codepen{cursor:pointer}.footer .wrapper .word{font-size:12px;font-weight:500;margin-top:15px}.soc{color:#d3d3d3;font-size:20px;font-weight:700;padding-bottom:5px;position:relative;text-decoration:none}.soc:hover{color:#fff}.soc:before{background-color:#add8e6;bottom:0;content:"";display:block;height:4px;left:0;margin-top:10px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.soc:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}img:hover>.nav{margin-left:50px}.upCircle{align-items:center;background-color:#d3d3d3;border-radius:50%;bottom:50px;display:flex;height:50px;justify-content:center;overflow:hidden;position:fixed;right:50px;width:50px;z-index:100}.Menu{background-color:#1c1d25;height:1300px}@media (max-width:1200px){.Menu{height:auto}}.Menu .wrapper,.Menu .wrapper .text{align-items:center;display:flex;flex-direction:column;justify-content:center}.Menu .wrapper .text{color:#fff;height:200px;margin-bottom:50px;margin-top:70px}.Menu .wrapper .text h1{color:#fff;font-size:60px;font-weight:700;padding:10px}@media (max-width:900px){.Menu .wrapper .text h1{font-size:40px}}.Menu .wrapper .text h1 span{color:#deb887;margin-right:10px}@media (max-width:900px){.Menu .wrapper .text h1 span{font-size:40px;padding:0 5px}}.Menu .wrapper .products1{align-items:center;display:flex;justify-content:center;margin-bottom:120px;overflow:hidden}@media (max-width:1200px){.Menu .wrapper .products1{flex-direction:column;margin-bottom:30px}}.Menu .wrapper .menu1{align-items:center;background-color:#3c3d44;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-right:50px;padding:30px}@media (max-width:1200px){.Menu .wrapper .menu1{margin-bottom:20px;margin-right:0;padding:15px}}.Menu .wrapper .menu2{align-items:center;background-color:#3c3d44;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-right:50px;padding:30px}@media (max-width:1200px){.Menu .wrapper .menu2{margin-bottom:20px;margin-right:0;padding:15px}}.Menu .wrapper .menu3{align-items:center;background-color:#3c3d44;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:30px}@media (max-width:1200px){.Menu .wrapper .menu3{margin-bottom:20px;margin-right:0;padding:15px}}.Menu .wrapper .imgCont{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:20px;overflow:hidden;width:150px}@media (max-width:1200px){.Menu .wrapper .imgCont{height:100px;width:100px}}.Menu .wrapper .imgCont img{object-fit:contain;width:100%}.Menu .wrapper .imgCont img,.Menu .wrapper h2{align-items:center;display:flex;justify-content:center}.Menu .wrapper h2{color:#deb887;font-size:25px;margin-bottom:20px}@media (max-width:1200px){.Menu .wrapper h2{padding:0 1px}}.Menu .wrapper p{font-stretch:expanded;margin-bottom:20px;text-align:justify;width:300px}.Menu .wrapper .read,.Menu .wrapper p{align-items:center;color:#fff;display:flex;justify-content:center}.Menu .wrapper .read{border:3px solid #deb887;border-radius:15px;cursor:pointer;font-weight:700;padding:25px;transition:all .7s ease-in-out}@media (max-width:1200px){.Menu .wrapper .read{padding:10px}}.Menu .wrapper .read:hover{color:#000;-webkit-transform:scale(1.2);transform:scale(1.2)}.Menu .wrapper .read a{text-decoration:none}.Menu .products2{align-items:center;display:flex;justify-content:center;overflow:hidden}@media (max-width:1200px){.Menu .products2{flex-direction:column}}
/*# sourceMappingURL=main.deb4cad0.css.map*/