.topbar{background-color:#fff;color:#15023e;height:70px;position:fixed;top:0;transition:all 1s ease;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 .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-right:30px}.topbar .wrapper .left .itemContainer .icon{font-size:20px;margin-right:5px}.topbar .wrapper .left .itemContainer span{cursor:pointer;font-size:15px;font-weight:500}@media (max-width:600px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#15023e;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#15023e;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{display:flex}@media (max-width:600px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.5 1;overflow:hidden}@media (max-width:600px){.intro .left{flex:0.6 1;margin-bottom:20px;margin-top:30px}}@media (min-width:600px) and (max-width:992px){.intro .left{align-items:center;display:flex;flex:0.8 1}}.intro .left .imgcontainer{align-items:flex-end;background-color:#000;border-radius:50%;display:flex;float:left;height:100%;justify-content:center;width:600px}@media (max-width:600px){.intro .left .imgcontainer{align-items:flex-start;height:300px;width:370px}}@media (min-width:600px) and (max-width:992px){.intro .left .imgcontainer{height:500px;width:550px}}.intro .left img{height:700px;width:650px}@media (max-width:600px){.intro .left img{height:100%}}@media (min-width:600px) and (max-width:992px){.intro .left img{height:600px}}.intro .right{flex:0.5 1;position:relative}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:600px){.intro .right .wrapper{align-items:center;justify-content:flex-start;overflow:hidden;padding-left:0}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media (max-width:600px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:35px}.intro .right .wrapper h3{font-size:30px}@media (max-width:600px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:crimson;cursor:pointer;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 .wrapper .myresume{margin-top:20px}.intro .right .wrapper .myresume span{text-decoration:underline}.intro .right a{bottom:10px;left:30%;position:absolute}@media (max-width:600px){.intro .right a{display:none;left:0}}.intro .right a .down{-webkit-animation:arrowBLink 2s infinite;animation:arrowBLink 2s infinite;color:#000;font-size:50px}@-webkit-keyframes arrowBLink{to{opacity:0}}@keyframes arrowBLink{to{opacity:0}}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column}@media (max-width:600px){.portfolio{justify-content:center}}.portfolio h1{font-size:50px}@media (max-width:600px){.portfolio h1{font-size:30px;margin-bottom:5px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media (max-width:600px){.portfolio ul{flex-wrap:wrap;font-size:20px;justify-content:center;margin:0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;height:70%;justify-content:center;width:70%}@media (max-width:600px){.portfolio .container{width:100%}}.portfolio .item{align-items:center;border:1px solid #a8efa8;border-radius:20px;color:#fff;cursor:pointer;height:150px;justify-content:center;margin:10px 20px;overflow:hidden;position:relative;transition:all .5s ease;width:220px}@media (max-width:600px){.portfolio .item{font-size:20px;height:120px;width:130px}}.portfolio .item h3{left:50%;position:absolute;top:50%;z-index:-1}.portfolio .item img{height:100%;object-fit:cover;width:100%;z-index:1}.portfolio .item:hover{background-color:#000}.portfolio .item:hover img{opacity:.2}.portfolio .item:hover h3{z-index:0}.portfoliolist{font-size:14px;margin-right:50px;padding:.7px}.portfoliolist.active{background-color:#15023e;border-radius:10px;color:#fff;cursor:pointer;padding:7px}.works{align-items:center;background-image:linear-gradient(to bottom right,pink,skyblue);background-repeat:no-repeat;display:flex;justify-content:center;position:relative}.works .arrow{cursor:pointer;height:50px;position:absolute}@media (max-width:600px){.works .arrow{height:30px}}.works .arrow.left{left:100px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (min-width:600px) and (max-width:992px){.works .arrow.left{left:25px}}@media (max-width:600px){.works .arrow.left{left:2px}}.works .arrow.right{right:100px}@media (min-width:600px) and (max-width:992px){.works .arrow.right{right:25px}}@media (max-width:600px){.works .arrow.right{right:2px}}.works .slider{display:flex;height:80%;left:0;position:absolute;transition:all 1s ease-out}.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:15px;display:flex;flex-direction:column-reverse;height:100%;justify-content:center;width:50%}@media (max-width:600px){.works .slider .container .item{height:100%;width:80%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:100%;justify-content:center;width:100%}.works .slider .container .item .left .leftContainer{align-items:flex-start;display:flex;flex-direction:column;height:80%;justify-content:space-between;width:90%}.works .slider .container .item .left .leftContainer .top{align-items:center;display:flex}.works .slider .container .item .left .leftContainer .top .imgContainer{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media (max-width:600px){.works .slider .container .item .left .leftContainer .top .imgContainer{height:20px;width:20px}}.works .slider .container .item .left .leftContainer .top .imgContainer .icons{font-size:30px}@media (max-width:600px){.works .slider .container .item .left .leftContainer .top .imgContainer .icons{width:15px}}.works .slider .container .item .left .leftContainer .top .viewcode{font-size:15px;text-decoration:none}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media (max-width:600px){.works .slider .container .item .left .leftContainer h2{font-size:13px;text-align:center}}.works .slider .container .item .left .leftContainer p{font-size:13px}.works .slider .container .item .left .leftContainer button{background-color:#1661be;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;overflow:hidden;padding:15px;position:relative;width:30%}@media (max-width:600px){.works .slider .container .item .left .leftContainer button{width:50%}}.works .slider .container .item .left .leftContainer button:after{align-items:center;background-color:#2cea2c;color:#fff;content:"Go Live!";display:flex;height:100%;justify-content:center;left:-100%;position:absolute;top:0;transition:all 2s ease;width:100%}.works .slider .container .item .left .leftContainer button:hover:after{-webkit-transform:translateX(100%);transform:translateX(100%)}.works .slider .container .item .left .leftContainer a{cursor:pointer;font-size:12px;font-weight:600;text-align:center;text-decoration:underline}.works .slider .container .item .right{align-items:center;display:flex;flex:5 1;height:100%;justify-content:center;overflow:hidden;width:100%}.works .slider .container .item .right img{height:100%;width:100%}.testimonials{background-color:#f08080}.contact{display:flex}@media (max-width:600px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}@media (min-width:600px) and (max-width:992px){.contact .left img{width:100%}}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{font-size:30px}.contact .right form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-around;width:70%}.contact .right form input{font-style:14px;height:30px;width:300px}@media (max-width:600px){.contact .right form input{height:20px;width:200px}}.contact .right form textarea{font-size:14px;height:200px;width:300px}@media (max-width:600px){.contact .right form textarea{height:100px;width:200px}}.contact .right form button{background-color:crimson;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-weight:500;height:30px;width:150px}.contact .right form span{color:green}.menu{align-items:center;background-color:#15023e;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}.menu ul .baby{display:none}@media (max-width:600px){.menu ul .baby{display:block}}.about{display:flex;flex-direction:row-reverse}@media (max-width:600px){.about{display:flex;flex-direction:column}}.about .left{flex:0.7 1;overflow:hidden}@media (min-width:600px) and (max-width:992px){.about .left{align-items:center;display:flex}}.about .left .imgcontainer{align-items:center;background-color:#000;border-radius:50%;display:flex;height:500px;justify-content:center;width:500px}@media (max-width:600px){.about .left .imgcontainer{background-color:#000;background-repeat:50%;height:240px;margin:auto;width:300px}}@media (min-width:600px) and (max-width:992px){.about .left .imgcontainer{height:400px}}.about .left .imgcontainer img{height:100%;width:100%}.about .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.about .right .titlecontainer{font-size:30px;font-weight:600}.about .right .paragraphCoantainer{line-height:30px;width:400px}@media (max-width:600px){.about .right .paragraphCoantainer{width:350px}}.skills{display:flex;flex-direction:column;flex-wrap:wrap}@media (max-width:600px){.skills{background-color:#fff;flex-direction:row;flex-wrap:wrap;justify-content:center}}.skills .title{display:flex;font-size:30px;justify-content:center;margin-bottom:10px}@media (max-width:600px){.skills .title{display:flex;font-size:20px;justify-content:flex-start}}.skills .skillset{display:flex;justify-content:space-around}@media (max-width:600px){.skills .skillset{display:flex;flex-direction:column}}.skills .skillset .leftcontainer{margin-bottom:10px;text-align:center}@media (max-width:600px){.skills .skillset .leftcontainer{display:flex;flex-direction:column}}.skills .skillset .leftcontainer h1{text-align:center}.skills .skillset .leftcontainer .RIGHT img,.skills .skillset .leftcontainer .leftimg img{border:2px solid #f5f5f5;border-radius:20px;height:181px;margin:10px;width:196px}.skills .skillset .middlecontainer{margin-bottom:10px;text-align:center}.skills .skillset .middlecontainer .middle{margin-top:20px}.skills .skillset .middlecontainer .middle img{border:2px solid #f5f5f5;border-radius:20px;height:181px;margin:10px;width:196px}.skills .skillset .rightcontainer{margin-bottom:10px;text-align:center}.skills .skillset .rightcontainer .backend{display:flex;flex-direction:column}@media (max-width:600px){.skills .skillset .rightcontainer .backend{align-items:center}}.skills .skillset .rightcontainer .backend img{border:2px solid #f5f5f5;border-radius:20px;height:181px;margin:10px;width:196px}.Achievemnts{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.Achievemnts .title{font-size:20px}@media (max-width:600px){.Achievemnts .title{display:none}}.Achievemnts .certificate{align-items:center;display:flex;justify-content:space-around}@media (max-width:600px){.Achievemnts .certificate{flex-direction:column}}.Achievemnts .certificate .certificatecontainer{border:2px solid #c1bfbf;border-radius:10px;height:70%;width:30%}@media (max-width:600px){.Achievemnts .certificate .certificatecontainer{margin-bottom:15px;width:80%}}.Achievemnts .certificate .certificatecontainer .top{height:70%;overflow:hidden;width:100%}.Achievemnts .certificate .certificatecontainer .top img{height:100%;width:100%}.Achievemnts .certificate .certificatecontainer .bottom{width:100%}@media (max-width:600px){.Achievemnts .certificate .certificatecontainer .bottom{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.app{height:100vh}.app .sections{background-color:#fff;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.ce6c0aa6.css.map*/