.navigation{align-items:center;display:flex;justify-content:center;padding:10px 15px;width:100%}@media(min-width:0px)and (max-width:1199px){.navigation{background-color:#eafffe}}.navigation .nav-container{align-items:center;background-color:#fff;background-color:#eafffe;border-radius:24px;color:#000;display:flex;height:70px;justify-content:space-between;padding:25px;width:1000px}@media(min-width:0px)and (max-width:1199px){.navigation .nav-container{align-items:center;background-color:#eafffe;border:none;border-radius:0;flex-direction:column;justify-content:center;padding:0;width:100%}}.navigation .nav-container .logo{width:100%}.navigation .nav-container .logo h1{font-size:23px}@media(min-width:0px)and (max-width:1199px){.navigation .nav-container .logo{text-align:center;width:100%}.navigation .nav-container .logo h1{font-size:18px}}.navigation .nav-container nav{display:flex;justify-content:flex-end;margin:0 0 0 25px;text-align:end;width:70%}@media(min-width:0px)and (max-width:1199px){.navigation .nav-container nav{justify-content:center;width:100%}}.navigation .nav-container nav ul{align-items:center;cursor:pointer;display:flex;justify-content:center;list-style-type:none}.navigation .nav-container nav ul li{color:#000;cursor:pointer;font-size:17px;font-style:medium;font-weight:400;margin:0 10px}.navigation .nav-container nav ul li:hover{color:gray}.navigation .nav-container nav ul li a{color:#000;text-decoration:none}.navigation .nav-container nav ul li a:hover{color:gray}@media(min-width:0px)and (max-width:1199px){.navigation .nav-container nav ul li{font-size:13px;margin:5px}}.navigation .nav-container nav ul li button{background:#00a7c0;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:400;padding:7px}.navigation .nav-container nav ul li button:hover{font-size:12px}@media(min-width:0px)and (max-width:1199px){.navigation .nav-container nav ul li button{font-size:13px}}.Home{background-color:#dae0e6}.Hero{justify-content:center}.Hero,.Hero .heroContainer{align-items:center;background-color:#fff;display:flex}.Hero .heroContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding:20px;width:1000px}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer{align-items:center;justify-content:center;width:100%}}@media(max-width:767px){.Hero .heroContainer{border-bottom:1px solid #000;flex-direction:column}}.Hero .heroContainer .image-section-mobile{display:none;flex:1 1}@media(max-width:767px){.Hero .heroContainer .image-section-mobile{border-radius:50%;display:contents}}.Hero .heroContainer .image-section-mobile .profile-image{border-radius:50%;height:200px;margin:0 auto;width:200px}.Hero .heroContainer .image-section-mobile .profile-image img{height:200px;width:200px}.Hero .heroContainer .text-section{flex:2 1;padding:20px}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section{flex:2 1;padding:25px}}.Hero .heroContainer .text-section .headline{font-size:33px;font-weight:700}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section .headline{font-size:17px}}@media(max-width:767px){.Hero .heroContainer .text-section .headline{text-align:center}}.Hero .heroContainer .text-section .headline strong{color:#00a7c0;font-weight:900;text-shadow:5px 5px 5px rgba}@media(max-width:767px){.Hero .heroContainer .text-section .headline strong{font-weight:700;text-align:center}}.Hero .heroContainer .text-section .paragraph{font-size:13px;letter-spacing:1px;margin:7px 0}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section .paragraph{font-size:9px}}@media(max-width:767px){.Hero .heroContainer .text-section .paragraph{background-color:#dadada;border-radius:7px;padding:5px;text-align:center}}.Hero .heroContainer .text-section .btn-group{margin:10px 0}@media(max-width:767px){.Hero .heroContainer .text-section .btn-group{align-items:center;display:flex;justify-content:center}}.Hero .heroContainer .text-section .btn-group .button{background-color:#fff;border:2px solid #00a7c0;color:#00a7c0;cursor:pointer;font-size:12px;font-weight:600;padding:10px}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section .btn-group .button{font-size:9px;padding:7px}}.Hero .heroContainer .text-section .btn-group .button:hover{border-color:#555}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section .btn-group .button:hover{font-size:9px}}.Hero .heroContainer .text-section .btn-group .btn-filled{background-color:#00a7c0;color:#fff;margin-left:10px}.Hero .heroContainer .text-section .btn-group .btn-filled:hover{background-color:#000;border-color:#000;font-size:9px}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .text-section .btn-group .btn-filled:hover{font-size:10px}}.Hero .heroContainer .image-section{flex:1 1}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .image-section{padding:0}}@media(max-width:767px){.Hero .heroContainer .image-section{display:none}}.Hero .heroContainer .image-section .profile-image{border-radius:24px;border-radius:50%;height:300px;margin:0 auto;overflow:hidden;width:300px}@media(min-width:0px)and (max-width:1199px){.Hero .heroContainer .image-section .profile-image{height:100%;width:100%}}.Hero .heroContainer .image-section .profile-image img{height:300px;width:300px}@media(max-width:767px){.Hero .heroContainer .image-section .profile-image img{display:none}}.project-wrapper{background-color:#fff;display:flex;justify-content:center;width:100%}.project-wrapper .project{align-content:center;color:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:20px;width:1000px}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project{padding:10px}}.project-wrapper .project h1{color:#000;font-size:23px;margin:5px 0;text-align:center}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project h1{font-size:15px}}.project-wrapper .project .project-section{align-items:center;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:15px;width:100%}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section{padding:5px}}.project-wrapper .project .project-section .container{height:320px;margin:15px;width:250px}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container{height:280px;margin:5px;width:150px}}.project-wrapper .project .project-section .container .card{border:3px solid #cbd6d5;color:#000;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s,-webkit-transform 1.5s;width:100%}.project-wrapper .project .project-section .container .card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;padding:15px;position:absolute;width:100%}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .front{padding:5px}}.project-wrapper .project .project-section .container .card .front h1{font-size:18px;margin:10px 0}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .front h1{font-size:16px}}.project-wrapper .project .project-section .container .card .front .image{width:100%}.project-wrapper .project .project-section .container .card .front .image img{border:5px solid #fff;border-radius:3px;width:100%}.project-wrapper .project .project-section .container .card .front p{font-size:10px;font-weight:500px;letter-spacing:.09em;margin:10px 0}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .front p{font-size:8px;letter-spacing:.09em;margin:10px 0}}.project-wrapper .project .project-section .container .card .front .tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:6px 0;width:100%}.project-wrapper .project .project-section .container .card .front .tags .tag{background-color:#eafffe;border:1px solid #7b9594;border-radius:10px;color:#000;font-size:9px;margin:3px;padding:5px}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .front .tags .tag{font-size:7px;padding:2px}}.project-wrapper .project .project-section .container .card .back{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#000;display:flex;height:100%;justify-content:center;position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:100%}.project-wrapper .project .project-section .container .card .back button{background-color:#fff;border:2px solid #00a7c0;color:#00a7c0;cursor:pointer;font-size:14px;margin:3px;padding:15px}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .back button{font-size:10px;padding:10px}}.project-wrapper .project .project-section .container .card .back button:hover{font-size:13px;padding:13px}@media(min-width:0px)and (max-width:1199px){.project-wrapper .project .project-section .container .card .back button:hover{font-size:7px;padding:7px}}.project-wrapper .project .project-section .container:hover .card{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.project-wrapper .project .pagination{text-align:center;width:100%}.project-wrapper .project .pagination button{background-color:transparent;cursor:pointer;margin:2px;padding:0 5px}.project-wrapper .project .pagination button.active,.project-wrapper .project .pagination button:hover{border-color:#00a7c0}.project-wrapper .project .category{padding:15px 0;text-align:center;width:100%}.project-wrapper .project .category button{background-color:#eafffe;border:1px solid #7b9594;border-radius:10px;color:#000;cursor:pointer;font-size:11px;font-weight:500px;margin:5px;padding:5px 7px}.project-wrapper .project .category .active,.project-wrapper .project .category button:hover{background-color:#9effff}.about{align-items:center;background-color:#fff;color:#000;display:flex;justify-content:center;min-height:500px;padding:20px;width:100%}@media(min-width:0px)and (max-width:1199px){.about{padding:5px}}.about .box{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:15px;width:70%}@media(min-width:0px)and (max-width:1199px){.about .box{justify-content:flex-start;width:90%}}.about .box h1{font-size:25px}@media(min-width:0px)and (max-width:1199px){.about .box h1{font-size:18px}}.about .box hr{border:1px solid #add8e6;width:200px}@media(max-width:767px){.about .box hr{width:100%}}.about .box .section{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding:10px;width:100%}@media(min-width:0px)and (max-width:1199px){.about .box .section{font-size:5px;padding:0}}@media(max-width:767px){.about .box .section{align-items:center;flex-direction:column;justify-content:center}}.about .box .section .image-box{margin:0 20px;width:300px}@media(min-width:0px)and (max-width:1199px){.about .box .section .image-box{display:none}}.about .box .section .image-box img{border-radius:50%;width:210px}.about .box .section .content-box{height:800px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.about .box .section .content-box p{font-size:13px;letter-spacing:.09em;line-height:1.3rem;margin:15px 0}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box p{font-size:10px;line-height:1rem;margin:10px 0}}.about .box .section .content-box .socialLinks{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px 0;width:100%}.about .box .section .content-box .socialLinks h2{font-size:18px}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .socialLinks h2{font-size:14px}}.about .box .section .content-box .socialLinks .icon-group{display:block;margin-top:10px;width:100%}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .socialLinks .icon-group{margin-top:5px}}.about .box .section .content-box .socialLinks .icon-group .social-icon{margin:5px}.about .box .section .content-box .email{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.about .box .section .content-box .email h2{font-size:18px}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .email h2{font-size:14px}}.about .box .section .content-box .email span{align-items:center;display:flex;justify-content:flex-start}.about .box .section .content-box .email span p{font-size:15px;margin-left:3px}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .email span p{font-size:12px}}.about .box .section .content-box .resume-box{display:flex;justify-content:space-between}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .resume-box{flex-direction:column}}.about .box .section .content-box .resume-box .resume-content-box{flex:3 1}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .resume-box .resume-content-box{margin:10px 0}}.about .box .section .content-box .resume-box .resume-content-box .reference{display:flex;flex-direction:column}.about .box .section .content-box .resume-box .resume-content-box .reference h2{font-size:18px}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .resume-box .resume-content-box .reference h2{font-size:14px}}.about .box .section .content-box .resume-box .resume-content-box .btn-group{align-items:center;display:flex;justify-content:flex-start;width:100%}.about .box .section .content-box .resume-box .resume-content-box .btn-group button{background-color:#00a7c0;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-right:5px;padding:10px}.about .box .section .content-box .resume-box .resume-content-box .btn-group button:hover{font-size:13px;padding:8px}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .resume-box .resume-content-box .btn-group button{font-size:11px;padding:7px}}.about .box .section .content-box .resume-box .qrcode-box{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;position:relative}.about .box .section .content-box .resume-box .qrcode-box .text-box{bottom:84px;position:absolute;right:22px}@media(max-width:767px){.about .box .section .content-box .resume-box .qrcode-box .text-box{align-items:center;justify-content:center;position:static}}@media(min-width:0px)and (max-width:1199px){.about .box .section .content-box .resume-box .qrcode-box{align-items:flex-start;flex:auto;justify-content:flex-start;margin:10px 0}.about .box .section .content-box .resume-box .qrcode-box .text-box{bottom:0;left:10px;top:85px}}@media(max-width:767px){.about .box .section .content-box .resume-box .qrcode-box{align-items:center;justify-content:center;position:static}}.about .box .section .content-box .resume-box .qrcode-box .card-box{align-items:flex-end;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;width:100px}@media(max-width:767px){.about .box .section .content-box .resume-box .qrcode-box .card-box{align-items:center;justify-content:center;position:static}}.about .box .section .content-box .resume-box .qrcode-box .card-box h3{text-align:center}.about .box .section .content-box .resume-box .qrcode-box .card-box img,.footer{width:100%}.footer{align-items:center;background-color:#000;color:#fff;display:flex;height:50px;justify-content:center}.footer span{font-weight:700;text-decoration:underline}@media(min-width:0px)and (max-width:1199px){.footer{font-size:13px}}.contact{align-items:center;background-image:linear-gradient(45deg,#009dff,#00a7c0);color:#fff;display:flex;height:100px;justify-content:space-around;width:100%}.contact p{font-size:13px;margin-top:3px;padding:20px}@media(min-width:0px)and (max-width:1199px){.contact p{font-size:10px;padding:10px}}.contact .section2{display:flex;justify-content:space-around;margin-right:10px}.contact .section2 button{background-color:#000;border:none;box-shadow:10px 10px 18px rgba(0,0,0,.4);color:#fff;cursor:pointer;margin-right:5px;padding:6px}.contact .section2 button:hover{background-color:#f1a589}@media(min-width:0px)and (max-width:1199px){.contact .section2 button{font-size:10px;padding:8px;width:60px}}.cpopup{align-items:center;background-color:hsla(0,0%,100%,.8);display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:1}.cpopup .popupContainer{background-color:#fff;border:3px solid #add8e6;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.cpopup .popupContainer .btn-close{text-align:end;width:100%}.cpopup .popupContainer .btn-close button{background-color:transparent;border:2px solid #000;border-radius:50%;color:#000;cursor:pointer;font-weight:600;padding:3px;width:25px}.cpopup .popupContainer .title h1{font-size:26px;margin:10px 0}.cpopup .popupContainer .body p{font-size:12px}.cpopup .popupContainer .body .email p{cursor:pointer;font-size:14px;margin:15px 0}.cpopup .popupContainer .body .email p strong{color:darkred;text-decoration:underline}.cpopup .popupContainer .btn-group{margin:10px 0}.cpopup .popupContainer .btn-group button{align-items:center;background-color:#0077b5;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px 10px}.referenceCard{align-items:center;background-color:#fff!important;border-radius:7px!important;color:#000!important;display:flex!important;flex-direction:row!important;justify-content:center;margin:5px 0!important;min-height:55px!important;padding:5px!important;width:300px!important}@media(min-width:0px)and (max-width:1199px){.referenceCard{width:260px!important}}.referenceCard img{border-radius:50%!important;height:50px!important;margin:5px!important;width:50px!important}.referenceCard .reference-description{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.referenceCard .reference-description h3{font-size:13px!important;margin:0!important}.referenceCard .reference-description p{color:#535353;font-size:9px!important;line-height:normal!important;margin:5px 0!important}.referenceCard .reference-description button{align-items:center;background-color:#0077b5;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:11px;justify-content:center;padding:3px;width:100px}.referenceCard .reference-description button:hover{font-size:10px;padding:2px}@font-face{font-family:Urbanist;font-style:normal;font-weight:400;src:url(/portfolio/static/media/Urbanist-Regular.64ab880a68030133bbf7.ttf)}@font-face{font-family:Urbanist;font-style:medium;font-weight:500;src:url(/portfolio/static/media/Urbanist-Black.5f1f14f5f25adfb3ff24.ttf)}@font-face{font-family:Urbanist;font-style:semibold;font-weight:600;src:url(/portfolio/static/media/Urbanist-SemiBold.0d136c84d89999f5b263.ttf)}@font-face{font-family:Urbanist;font-style:bold;font-weight:700;src:url(/portfolio/static/media/Urbanist-Bold.28937b70005aac17035d.ttf)}@font-face{font-family:Urbanist;font-style:extrabold;font-weight:800;src:url(/portfolio/static/media/Urbanist-ExtraBold.c7e8653730b4261a66b2.ttf)}@font-face{font-family:Urbanist;font-style:#000;font-weight:900;src:url(/portfolio/static/media/Urbanist-Black.5f1f14f5f25adfb3ff24.ttf)}*{box-sizing:border-box;font-family:Urbanist;margin:0;padding:0}body{background-color:#fff}