.topbar{background-color:#fff;box-shadow:0 0 15px -8px #000;color:#252525;height:70px;position:fixed;top:0;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{margin-left:10px}}.topbar .wrapper .left img{border-radius:50%;cursor:pointer;width:20px}.topbar .wrapper .left .imgLogo{width:40px}.topbar .wrapper .left span{font-size:15px;font-weight:600;margin-left:5px}.topbar .wrapper .right{display:flex;justify-content:space-between}.topbar .wrapper .right .resume{margin:0 20px}.topbar .wrapper .right .resume a{color:#000;font-weight:700;text-decoration:none}.topbar .wrapper .right .resume a:hover{color:#5800ff}@media(max-width:768px){.topbar .wrapper .right .resume{display:none}}.topbar .wrapper .right .itemContainer{display:none}@media(max-width:768px){.topbar .wrapper .right .itemContainer{align-items:center;display:flex;margin:0 20px 0 10px}}.topbar .wrapper .right .itemContainer img{border-radius:50%;cursor:pointer;width:20px}.topbar .wrapper .right .humburger{display:flex;flex-direction:column;height:25px;justify-content:space-between;width:30px}.topbar .wrapper .right .humburger span{background-color:#252525;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 1s ease;width:100%}.topbar.active{background-color:#252525;color:#fff}.topbar.active .right .resume a{color:#fff}.topbar.active .humburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .humburger span:nth-child(2){background-color:#fff;opacity:0}.topbar.active .humburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.popup{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 15px -8px #000;color:#000;display:flex;height:5vh;justify-content:space-between;position:fixed;top:10px;width:25%}@media(max-width:768px){.popup{left:15px;width:90%}}.popup .close-btn{background-color:#252525;border:none;border-radius:10px;color:#fff;float:right;margin-left:10px;position:relative}.intro{background-color:#343b3f;display:flex}@media(max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{display:flex;flex:.5 1;flex-direction:column;justify-content:space-around;overflow:hidden}@media(max-width:768px){.intro .left{flex:.7 1;margin-left:0}}.intro .left .imageCont{align-items:flex-end;border-radius:15px 50px;display:flex;height:700px;justify-content:center;margin-left:120px;width:500px}@media(max-width:768px){.intro .left .imageCont{align-items:flex-start;justify-content:center;margin:auto}}.intro .left .imageCont img{height:100%;width:100%}.intro .left h3{line-height:40px;margin-left:120px;margin-top:20px}@media(max-width:768px){.intro .left h3{font-size:12px;line-height:20px;margin:auto;padding:10px 25px}}.intro .left button{background-color:#252525;border:none;border-radius:5px;border-radius:10px;color:#fff;font-size:14px;margin-left:120px;padding:7px;width:20%}@media(max-width:768px){.intro .left button{margin:auto;width:30%}}.intro .right{flex:.5 1}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:90%}@media(max-width:768px){.intro .right .wrapper{align-items:center;flex:.3 1;height:90%;margin:0;padding:0;width:100%}}.intro .right h1{color:#fff;font-size:60px;margin:10px 0}@media(max-width:768px){.intro .right h1{font-size:35px}}.intro .right h2{color:#fff;font-size:35px}@media(max-width:768px){.intro .right h2{font-size:25px}}.intro .right h3{color:#fff;font-size:30px}.intro .right h3 span{color:#fff;font-size:inherit}.intro .right 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}}@media(max-width:768px){.intro .right h3{font-size:25px}}.intro a{bottom:10px;left:70%;position:absolute}@media(max-width:768px){.intro a{bottom:15px;left:45%}}.intro a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;border-radius:50%;width:30px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.about{align-items:center;background-color:#343b3f;display:flex;flex-direction:column;justify-content:space-around}.about h2{color:#fff;font-size:40px}.about .about-para{display:flex;flex-direction:column;padding:20px;width:60%}@media(max-width:768px){.about .about-para{justify-content:space-around;margin-top:40px;width:90%}}.about .about-para h3{color:#fff;justify-content:center;margin-bottom:20px;text-align:center}@media(max-width:768px){.about .about-para h3{justify-content:center;margin:10px 0}}.about button{background-color:#252525;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.about button:hover{background-color:#fff;color:#252525;font-weight:600}@media(max-width:768px){.about button{margin:auto;width:100%}}.skillList{border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;margin-right:50px;padding:7px}@media(max-width:768px){.skillList{margin-right:10px}}.skillList.active{background-color:#252525;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;text-align:center;text-decoration:none;transition-duration:.4s}.skillList.active:hover{background-color:#fff;color:#252525;font-weight:600}.skill{align-items:center;background-color:#535353;display:flex;flex-direction:column;justify-content:space-evenly}.skill h2{font-size:40px}.skill h2,.skill h3{color:#fff}@media(max-width:768px){.skill h3{font-size:20px;margin:0 20px;text-align:center}}.skill ul{color:#fff;display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.skill ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.skill .container{align-items:center;display:flex;flex-wrap:wrap;justify-self:center;margin:30px 10px;width:50%}@media(max-width:768px){.skill .container{width:100%}}.skill .container .items{align-items:center;border:1px solid #f0efef;border-radius:20px;color:#252525;cursor:pointer;display:flex;height:150px;justify-content:center;margin:10px 20px;position:relative;transition:all .5s ease;width:150px}@media(max-width:768px){.skill .container .items{height:100px;margin:auto;width:120px}}.skill .container .items h3{color:#252525;font-size:20px;position:absolute}@media(max-width:768px){.skill .container .items h3{font-size:15px}}.skill .container .items img{background:transparent;height:100%;object-fit:cover;width:100%;z-index:1}.skill .container .items:hover{background-color:#fff}.skill .container .items:hover img{opacity:.2;z-index:0}.works{align-items:center;background-color:#343b3f;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}@media(max-width:768px){.works{overflow:hidden}}.works .title{color:#fff;font-size:50px}@media(max-width:768px){.works .title{display:none}}.works .arrow{height:60px;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}@media(max-width:768px){.works .slider{flex-direction:column;height:100vh;justify-content:center}}.works .slider .container{align-items:center;border-radius:10px;display:flex;justify-content:center;transition:all 1s ease;width:100vw}.works .slider .container:hover{border-radius:20px;-webkit-transform:scale(1.05);transform:scale(1.05)}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 15px -8px #000;display:flex;height:90%;justify-content:center;width:700px}@media(max-width:768px){.works .slider .container .item{height:220px;margin:15px 0;width:90%}}.works .slider .container .item .left{align-items:center;display:flex;flex:6 1;height:80%;justify-content:space-between}@media(max-width:768px){.works .slider .container .item .left{flex:6.5 1;height:95%;justify-content:space-evenly}}.works .slider .container .item .left .leftpart{display:flex;flex-direction:column;height:90%;justify-content:space-between;margin:0 20px;width:90%}@media(max-width:768px){.works .slider .container .item .left .leftpart{height:100%;justify-content:space-between}}.works .slider .container .item .left .leftpart h2{color:#000;font-size:20px;margin-top:10px}@media(max-width:768px){.works .slider .container .item .left .leftpart h2{font-size:15px}}.works .slider .container .item .left .leftpart p{font-size:13px;justify-content:space-around}@media(max-width:768px){.works .slider .container .item .left .leftpart p{font-size:10px}}.works .slider .container .item .left .leftpart .project-icon{display:flex}.works .slider .container .item .left .leftpart .project-icon h4{font-size:12px;font-weight:700;margin-right:10px;width:100%}.works .slider .container .item .left .leftpart .project-icon h4:hover{color:#5800ff;font-weight:700}.works .slider .container .item .left .leftpart .project-btn{align-items:center;display:flex;justify-content:space-between;margin:0;width:70%}@media(max-width:768px){.works .slider .container .item .left .leftpart .project-btn{width:100%}}.works .slider .container .item .left .leftpart .project-btn button{background-color:#252525;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.works .slider .container .item .left .leftpart .project-btn button:hover{font-weight:600}@media(max-width:768px){.works .slider .container .item .left .leftpart .project-btn button{font-size:10px;justify-content:space-evenly;padding:5px;width:100%}}.works .slider .container .item .left .leftpart .project-btn button a{color:#fff;text-decoration:none}.works .slider .container .item .right{align-items:center;display:flex;flex:6 1;flex-direction:column;height:100%;justify-content:center;overflow:hidden;width:100%}@media(max-width:768px){.works .slider .container .item .right{flex:5.5 1}}.works .slider .container .item .right img{border-radius:15px;height:90%;margin-right:10px;width:90%}.contact{background-color:#fff;display:flex}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}@media(max-width:768px){.contact .left{flex:.4 1}}.contact .left img{height:100%}@media(max-width:768px){.contact .left img{height:80%;width:100%}}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;text-align:left}@media(max-width:768px){.contact .right{flex:.6 1;margin-bottom:30px}}.contact .right h2{font-size:40px;margin-bottom:20px}.contact .right img{border-radius:50%;cursor:pointer;width:30px}.contact .right .itemContainer{align-items:center;background-color:#fff;box-shadow:0 0 15px -8px #000;display:flex;margin:15px;padding:8px;width:90%}@media(max-width:768px){.contact .right .itemContainer{width:90%}}.contact .right .itemContainer a{color:#000;text-decoration:none}.contact .right .itemContainer .specialVal{margin-left:0}.contact .right .itemContainer .specialVal:hover{color:#5800ff}.contact .right .itemContainer span{font-size:16px;font-weight:700;margin-left:20px;padding-left:0}.contact .right .itemContainer .imgLogo{margin-right:20px}.menu{align-items:center;background-color:#252525;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:600}.footer{align-items:center;background-color:#343b3f;color:#000;display:flex;height:40px!important;justify-content:center;width:100%}.footer h3{font-size:15px}@media(max-width:768px){.footer{width:90%}}.app{font-family:Roboto,sans-serif;font-family:Roboto Mono,monospace;height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.8558f0d5.css.map*/