.navbar{background-color:#fff;color:#15023a;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.navbar .wrapper{justify-content:space-between;padding:10px 30px}.navbar .wrapper,.navbar .wrapper .left{align-items:center;display:flex}.navbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.navbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media (max-width:768px){.navbar .wrapper .left .itemContainer{display:none}}.navbar .wrapper .left .itemContainer .icon{color:purple;font-size:20px;margin-right:5px}.navbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}.navbar .wrapper .left .itemContainer span a{color:#15023a;font-size:15px;font-weight:500;text-decoration:none}.navbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.navbar .wrapper .right .hamburger span{background-color:#15023a;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.navbar.active{background-color:#15023a;color:#fff}.navbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-color:#fff;background-color:#f0f8ff;display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.4 1;overflow:hidden}.intro .left .imgContainer{align-items:flex-end;border-radius:50%;display:flex;float:left;height:600px;justify-content:center;width:600px}@media (max-width:768px){.intro .left .imgContainer{align-items:flex-start}}.intro .left .imgContainer img{height:90%;object-fit:cover}@media (max-width:768px){.intro .left .imgContainer img{height:50%}}.intro .right{flex:0.6 1;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:768px){.intro .right .wrapper{align-items:center;padding-left:0}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width:768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:30px}@media (max-width:768px){.intro .right .wrapper h3{font-size:15px}}.intro .right .wrapper h3 span{color:crimson;font-size:inherit}.intro .right .wrapper h3 .ityped-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right a{bottom:140px;left:30%;position:absolute}.intro .right a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:30px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.a{background-color:#fff;height:100vh}.a,.a-left{align-items:center;display:flex}.a-left{flex:1 1;height:100%;justify-content:center;position:relative}.a-left .a-card.bg{background-color:#333;left:50px;position:absolute;top:50px}@media (max-width:768px){.a-left .a-card.bg{top:20px}}.a-left .a-card{border-radius:30px;height:60vh;overflow:hidden;position:relative;width:60%}.a-left .a-card .a-img{height:100%;object-fit:cover;width:100%}.a-left .a-title{font-weight:400}.a-left .a-role{font-weight:300;margin:20px 0}.a-left .a-desc,.a-left .a-pr,.a-left .f{margin:10px 0}.a-right{flex:1 1}.a-right .resume{bottom:20px;margin-top:20px}.a-right .resume .btn{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none}.a-right .resume .btn:hover{background-color:#2980b9}@media screen and (max-width:480px){.a{flex-direction:column;height:100vh;margin-top:10px;text-align:center}.a-left{width:100%}.a .a-card{height:30vh}.a .a-award,.a .a-card.bg{display:none}.a .a-role{font-weight:100;margin:20px 0}.a-right{padding:10px}}.portfolio{align-items:center;background-color:#f0f8ff;display:flex;flex-direction:column}.portfolio h1{font-size:50px}@media (max-width:768px){.portfolio h1{font-size:20px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media (max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media (max-width:768px){.portfolio .container{width:100%}}.portfolio .container .item{align-items:center;border:1px solid #f0efef;border-radius:20px;color:#fff;cursor:pointer;display:flex;height:180px;justify-content:center;margin:10px 20px;position:relative;transition:all .5s ease;width:320px}@media (max-width:768px){.portfolio .container .item{height:100px;width:130px}}.portfolio .container .item a{position:absolute;text-decoration:none}.portfolio .container .item h3{font-size:20px}.portfolio .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.portfolio .container .item:hover{background-color:#15023a}.portfolio .container .item:hover a{color:aqua}.portfolio .container .item:hover img{opacity:.2;z-index:0}.portfolioList{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}@media (max-width:768px){.portfolioList{margin-right:20px}}.portfolioList.active{background-color:#15023a;color:#fff}.works{align-items:center;background-color:#fff;display:flex;justify-content:center;position:relative}.works .arrow{background-color:green;color:red;cursor:pointer;height:50px;position:absolute}@media (max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:100px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.works .arrow.right{right:100px}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}@media (max-width:768px){.works .slider{flex-direction:column;height:100vh;justify-content:center}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media (max-width:768px){.works .slider .container .item{height:150px;margin:15px 0;width:80%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:80%;justify-content:center}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:90%}.works .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#f5b39b;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer{height:20px;width:20px}}.works .slider .container .item .left .leftContainer .imgContainer img{width:25px}@media (max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer img{width:15px}}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media (max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:13px}}.works .slider .container .item .left .leftContainer p{font-size:13px}@media (max-width:768px){.works .slider .container .item .left .leftContainer p{display:none}}.works .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.works .slider .container .item .right{align-items:center;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);width:800px}.c{background-color:#f0f8ff;height:100vh;position:relative}.c-bg{background-color:#59b256;height:100%;position:absolute;width:20px}.c-wrapper{display:flex;padding:50px}.c-left{flex:1 1}.c-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.c-title{font-size:60px;width:80%}.c-info-item{align-items:center;display:flex;font-weight:300;margin:30px 0;width:70%}a{color:red;text-decoration:none}.c-icon{color:purple;font-size:24px;height:50px;margin-left:28px;margin-right:20px;width:50px}.c-desc{font-weight:200}form{margin-top:20px}input{border:none;border-bottom:1px solid #000;height:50px;width:50%}input,textarea{font-size:14px;margin:10px 0;padding-left:10px}textarea{width:100%}button{background-color:#59b256;border:none;color:#fff;cursor:pointer;font-weight:500;padding:15px}@media screen and (max-width:480px){.c-wrapper{flex-direction:column;padding:0 50px}.c-title{font-size:30px}.c-info-item{margin:5px 0;width:100%}.c-desc{display:none}form{display:flex;flex-wrap:wrap;margin-top:0}input{height:40px;margin:5px 5px 5px 0;width:35%}textarea{font-size:8px;margin:8px 0;padding-left:7px;width:100%}}.app{height:100vh}.app .section{background-color:#4191d7;height:calc(100vh - 100px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .section::-webkit-scrollbar{display:none}.app .section>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100%}.menu{align-items:center;background-color:#15023a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.footer{background-color:#121111;bottom:0;height:30px;padding:20px;position:-webkit-sticky;position:sticky;text-align:center}.footer-content{color:#e8e3e3}
/*# sourceMappingURL=main.333f251c.css.map*/