.intro{background:#fff;display:flex}.intro .left{flex:.46 1;position:relative}@media(max-width:768px){.intro .left{flex:1 1;overflow:hidden}}.intro .left .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;line-height:65px;padding-left:50px;width:100%}@media(max-width:768px){.intro .left .wrapper{display:block;margin-top:30px;overflow:hidden;padding:0;text-align:center}}.intro .left .wrapper h1{font-family:Merienda,cursive;font-size:50px;letter-spacing:2px}@media(max-width:768px){.intro .left .wrapper h1{font-size:45px}}.intro .left .wrapper h2{font-family:Merienda,cursive;font-size:40px;font-weight:700;letter-spacing:2px}@media(max-width:768px){.intro .left .wrapper h2{font-size:30px}}.intro .left .wrapper h3{font-family:Merienda,cursive;font-size:37px;letter-spacing:2px;margin:20px 0}@media(max-width:768px){.intro .left .wrapper h3{font-size:25px;margin-top:10px}}.intro .left .wrapper h3 span{color:crimson;font-size:inherit}@media(max-width:768px){.intro .left .wrapper h3 span{display:block;font-size:30px}}.intro .left .wrapper .btncv .buttonDownload{background-color:#4cc713;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1em;outline:none;padding:20px;position:relative;text-align:center;text-decoration:none;text-indent:22px;transition:all .3s ease-in-out;width:25%}@media(max-width:768px){.intro .left .wrapper .btncv .buttonDownload{bottom:120px;position:absolute;right:25%;width:50%}}.intro .left .wrapper .btncv .buttonDownload:hover{background-color:#333;color:#fff}.intro .left .wrapper .btncv .buttonDownload:after,.intro .left .wrapper .btncv .buttonDownload:before{content:" ";display:block;left:15px;position:absolute;top:52%}.intro .left .wrapper .btncv .buttonDownload:before{border-style:solid;border-width:0 2px 2px;height:7px;margin-top:-3px;width:18px}.intro .left .wrapper .btncv .buttonDownload:after{-webkit-animation:downloadArrow 2s linear infinite;animation:downloadArrow 2s linear infinite;border:solid transparent;border-top-color:inherit;border-width:4px 4px 0;height:0;margin-left:7px;margin-top:-7px;width:0}.intro .left .wrapper .btncv .buttonDownload:hover:before{border-color:#4cc713}.intro .left .wrapper .btncv .buttonDownload:hover:after{-webkit-animation-play-state:running;animation-play-state:running;border-top-color:#4cc713}@-webkit-keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}to{margin-top:0;opacity:0}}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}to{margin-top:0;opacity:0}}.intro .left .wrapper .arrowdwn{bottom:20px;cursor:pointer;left:50%;position:absolute}@media(max-width:768px){.intro .left .wrapper .arrowdwn{left:50%;margin-left:-16%}}.intro .left .wrapper .arrowdwn img{align-items:center;-webkit-animation:arrowblink 2s ease-out infinite;animation:arrowblink 2s ease-out infinite;display:flex;opacity:.7;width:20%}@-webkit-keyframes arrowblink{to{opacity:0}}@keyframes arrowblink{to{opacity:0}}.intro .right{flex:.54 1;overflow:hidden}@media(max-width:768px){.intro .right{display:none}}.intro .right .imagecontainer{align-items:center;background-color:#ee5f00;border-radius:50%;box-shadow:10px -5px 20px #d8a9a9;display:flex;height:900px;justify-content:center;margin-top:60px;width:900px}.intro .right .imagecontainer img{height:90%}.topbar{background-color:#fff;color:#15023a;height:60px;position:fixed;top:0;transition:all 1.2s ease;width:100%;z-index:999}@media(max-width:768px){.topbar{overflow:hidden}}.topbar .wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 50px}.topbar .wrapper .left .logo img{left:0;position:relative;width:28%}.topbar .wrapper .right{align-items:center;display:flex;justify-content:space-around;margin-right:40px}.topbar .wrapper .right .topbar-rightitem{align-items:center;display:flex;justify-content:space-around;margin-left:40px}@media(max-width:768px){.topbar .wrapper .right .topbar-rightitem{display:none}}.topbar .wrapper .right .topbar-rightitem .topbar-right-content{font-size:16px;font-weight:600;margin-left:5px}.topbar .wrapper .right .hamburger{display:flex;flex-direction:column;height:25px;justify-content:space-between;overflow-y:hidden;position:absolute;right:20px;width:32px}.topbar .wrapper .right .hamburger .line{background-color:#15023a;border-radius:2px;height:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .8s ease-in-out;width:100%}.topbar .wrapper .right .hamburger .line1,.topbar .wrapper .right .hamburger .line3{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media(max-width:768px){.topbar .wrapper .right .hamburger{cursor:pointer}.topbar.activenignt{background-color:#15023a;color:#fff}.topbar.activenignt .right .hamburger{overflow-y:hidden}.topbar.activenignt .right .hamburger span:first-child{background-color:#fff;-webkit-transform:translateY(5px);transform:translateY(5px)}.topbar.activenignt .right .hamburger span:nth-child(2){background-color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.topbar.activenignt .right .hamburger span:last-child{background-color:#fff;-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column}.portfolio h1{font-size:40px;margin-right:20px;margin-top:20px}@media(max-width:768px){.portfolio h1{font-size:25px;margin:0;overflow:visible}}.portfolio ul{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:30px 10px 10px;padding:0;width:22%}@media(max-width:768px){.portfolio ul{margin-right:15px;overflow:visible;width:90%}}.portfolio .container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:50px;width:90%}.portfolio .container::-webkit-scrollbar{height:5px;width:5px}.portfolio .container::-webkit-scrollbar-thumb{background:#855a85;border:3.3px solid #d83d3d;border-radius:27px}.portfolio .container::-webkit-scrollbar-track{background:#fff;border-radius:6px;box-shadow:inset 2.5px 10px 20px -7px #e0deff}@media(max-width:768px){.portfolio .container{margin-bottom:50px;width:80%}}.portfolio .container .item{align-items:center;border:4px solid #ece9e9;border-radius:10px;color:#000;cursor:pointer;display:flex;height:220px;justify-content:center;margin:25px 40px 25px 0;overflow:hidden;position:relative;width:370px}@media(max-width:768px){.portfolio .container .item{height:150px;margin-right:auto;width:250px}}.portfolio .container .item h3{color:#fff;font-size:25px;opacity:0;position:absolute;transition:all .7s ease-in}@media(max-width:768px){.portfolio .container .item h3{color:#15023a;font-size:16px}}.portfolio .container .item i{display:none}.portfolio .container .item img{border-radius:5px;height:100%;object-fit:stretch;transition:all .8s ease-in-out;width:100%}.portfolio .container .item:hover{background-color:#000}.portfolio .container .item:hover a{color:#323232}.portfolio .container .item:hover a i{bottom:10px;display:block;font-size:34px;position:absolute;right:10px;transition:all .4s ease-in-out}.portfolio .container .item:hover a i:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.portfolio .container .item:hover a:hover{background-color:#484848;color:#fff}.portfolio .container .item:hover h3{color:#fff;opacity:1}.portfolio .container .item:hover img{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}li{border-radius:7px;cursor:pointer;font-size:18px;font-weight:500;padding:5px 20px;transition:all .25s ease-in-out}@media(max-width:768px){li{font-size:15px;padding:5px 30px}}li.active{background-color:#f14014;color:#fff}.skills{background-color:#fff;height:100%;padding:20px 50px}@media(max-width:768px){.skills{padding:20px 30px 30px 35px}}.skills .section__title{font-size:40px;margin-left:-90px;text-align:center}@media(max-width:768px){.skills .section__title{font-size:30px;margin-left:-60px}}.skills .section__subtitle{color:gray;display:block;font-size:20px;margin:10px 0 30px -90px;text-align:center}@media(max-width:768px){.skills .section__subtitle{font-size:17px;margin:5px 0 -10px -60px}}.skills .skills__contents{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;width:90%}@media(max-width:768px){.skills .skills__contents{flex-direction:column;width:83%}}.skills .skills__header{align-items:center;display:flex;margin-bottom:0;padding:50px;width:100%}@media(max-width:768px){.skills .skills__header{margin-left:20px;padding:30px;width:90%}}.skills .skills__header .skills__icon{font-size:35px;margin-right:20px}@media(max-width:768px){.skills .skills__header .skills__icon{font-size:25px;margin-right:15px}}.skills .skills__header div .skills__title{font-size:23px}@media(max-width:768px){.skills .skills__header div .skills__title{font-size:18px}}.skills .skills__header div .skills__subtitle{color:gray;font-size:15px}@media(max-width:768px){.skills .skills__header div .skills__subtitle{font-size:13px}}.skills .skills__data{margin-bottom:20px}@media(max-width:768px){.skills .skills__data{margin-bottom:7px}}.skills .skills__titles{display:flex;justify-content:space-between;margin-bottom:12px}@media(max-width:768px){.skills .skills__titles{margin-bottom:5px}}.skills .skills__titles .skills__name{font-size:20px;font-weight:500}@media(max-width:768px){.skills .skills__titles .skills__name{font-size:17px}}.skills .skills__titles .skills__number{color:gray;font-size:15px}@media(max-width:768px){.skills .skills__titles .skills__number{font-size:13px}}.skills .skills__bar{background-color:#8efbd6;border-radius:5px;height:5px}.skills .skills__percentage{background-color:#4747f3;border-radius:5px;display:block;height:5px}.skills .skills__html{width:95%}.skills .skills__css,.skills .skills__js{width:90%}.skills .skills__ejs{width:65%}.skills .skills__react{width:90%}.skills .skills__express,.skills .skills__node{width:85%}.skills .skills__api{width:90%}.skills .skills__security{width:95%}.skills .skills__java{width:85%}.skills .skills__design{width:60%}.skills .skills__dsalgo{width:80%}.about{background:rgba(247,252,255,.802);height:90vh;overflow:hidden;width:100%}@media(max-width:768px){.about{padding:10px 0}}.about .container{align-items:center;display:flex;height:70vh;justify-content:center;margin-top:80px}@media(max-width:768px){.about .container{flex-direction:column;height:100vh;margin:0}}.about .container .item{flex:.5 1;height:100%;width:100%}@media(max-width:768px){.about .container .item.item1{flex:.35 1}.about .container .item.item2{flex:.65 1}}.about .container .item.image{align-items:center;display:flex;justify-content:center;overflow:hidden}.about .container .item.image img{border-radius:10px;box-shadow:0 0 10px 2px #000;height:90%;margin:50px 0 80px 80px;position:relative;top:10px;transition:all .4s ease-in-out;width:55%}.about .container .item.image img:hover{border-radius:20px;box-shadow:0 0 18px 2px #000}@media(max-width:768px){.about .container .item.image img{border-radius:1px;box-shadow:0 0 10px #9c9494;height:85%;margin:0;width:55%}.about .container .item.image img:hover{border-radius:10px;box-shadow:0 0 12px 2px #000}}.about .container .item.details{display:flex;flex-direction:column;justify-content:space-between;padding-left:20px}@media(max-width:768px){.about .container .item.details{align-items:center;padding:0}}.about .container .item.details h3{bottom:-30px;font-size:40px;margin-bottom:15px;position:relative}@media(max-width:768px){.about .container .item.details h3{font-size:25px;font-weight:700}}.about .container .item.details h5{font-size:25px;margin-bottom:0}@media(max-width:768px){.about .container .item.details h5{font-size:16px;font-weight:500;margin-bottom:-15px}}.about .container .item.details p{color:hsla(0,2%,8%,.748);line-height:22px;width:82%}@media(max-width:768px){.about .container .item.details p{font-size:12px;line-height:16px;text-align:center;width:88%}}.about .container .item.details p.para{bottom:30px;position:relative}@media(max-width:768px){.about .container .item.details p.para{bottom:22px}}.about .container .item.details .about-social-icons{bottom:50px;height:30px;margin-top:0;position:relative;width:100%}@media(max-width:768px){.about .container .item.details .about-social-icons{bottom:32px;margin-left:14px;text-align:center}}.about .container .item.details .about-social-icons a{color:#070606;font-size:20px;margin:10px 20px 0 0;position:relative;top:5px}.about .container .item.details .about-social-icons a img{height:20px;transition:all .2s ease-out;width:20px}.about .container .item.details .about-social-icons a img:hover{color:#676363;-webkit-transform:scale(1.5);transform:scale(1.5)}@media(max-width:768px){.about .container .item.details .about-social-icons a{font-size:20px;margin:0 14px 0 0}}.about .container .item.details .about-social-icons a i{transition:all .2s ease-in-out}.about .container .item.details .about-social-icons a i:hover{color:#676363;-webkit-transform:scale(1.5);transform:scale(1.5)}.about .container .item.details .about-contact{border:1px solid #333;bottom:100px;color:#382f2f;display:inline-block;font-size:14px;font-weight:700;margin-top:40px;overflow:hidden;padding:12px 30px;position:relative;text-decoration:none;transition:all .2s ease-in-out;width:73px}@media(max-width:768px){.about .container .item.details .about-contact{bottom:95px;font-size:13px;padding:10px 25px}}.about .container .item.details .about-contact:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.contact{background-color:#fff}.contact .wrapper{display:flex}.contact .wrapper .left{flex:.5 1;position:relative}@media(max-width:768px){.contact .wrapper .left{display:none}}.contact .wrapper .left img{height:93.5vh;margin-top:-20px;width:100%}.contact .wrapper .left a{bottom:10px;left:20%;position:absolute;text-decoration:none}.contact .wrapper .right{align-items:center;display:flex;flex:.5 1;flex-direction:column;justify-content:center}@media(max-width:768px){.contact .wrapper .right{flex:1 1;height:90vh}}.contact .wrapper .right h1{bottom:70px;font-size:35px;padding-top:20px;position:relative}@media(max-width:768px){.contact .wrapper .right h1{bottom:80px;margin-top:50px}}.contact .wrapper .right input{background-color:hsla(0,42%,60%,0);border:1px solid #858080;bottom:20px;color:#272525;font-size:16px;margin-bottom:40px;padding:10px;position:relative;width:50%}@media(max-width:768px){.contact .wrapper .right input{bottom:50px;width:70%}}.contact .wrapper .right .form-text-area-msg{bottom:5px;color:red;font-size:14px;margin-left:350px;position:relative}@media(max-width:768px){.contact .wrapper .right .form-text-area-msg{bottom:45px;margin-left:150px}}.contact .wrapper .right textarea{bottom:10px;font-size:16px;height:200px;padding:10px;position:relative;width:50%}@media(max-width:768px){.contact .wrapper .right textarea{bottom:50px;height:190px;width:69%}}.contact .wrapper .right a{border:2px solid #e9700d;color:#e48226;display:inline-block;font-size:1.2em;font-weight:500;padding:.5em 2em;position:relative;right:100px;text-decoration:none;text-transform:uppercase;top:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.02s cubic-bezier(.1,0,.1,1) .2s}@media(max-width:768px){.contact .wrapper .right a{left:75px;position:relative;top:0}}.contact .wrapper .right a:before{background:#e06b0c;bottom:0;content:"";display:inline-block;left:0;position:absolute;right:100%;top:0;transition:.3s cubic-bezier(.1,0,.1,1) .2s,left .3s cubic-bezier(.1,0,.1,1);z-index:-1}.contact .wrapper .right a:after{background-position:50%;background-repeat:no-repeat;background-size:1.5em;bottom:0;content:"";display:inline-block;left:calc(100% - 3em);position:absolute;right:3em;top:0;transition:right .3s cubic-bezier(.1,0,.1,1)}.contact .wrapper .right a:hover{padding:.5em 3.5em .5em .5em}.contact .wrapper .right a:hover:before{left:calc(100% - 3em);right:0;transition:.3s cubic-bezier(.1,0,.1,1),left .2s cubic-bezier(.1,0,.1,1) .2s}.contact .wrapper .right a:hover:after{right:0;transition:right .3s cubic-bezier(.1,0,.1,1) .2s}.app{height:100vh}.sections{height:calc(100vh - 60px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:60px;width:100vw}.sections::-webkit-scrollbar{display:none}.sections>*{height:calc(100vh - 60px);scroll-snap-align:start;width:100vw}.sidebar{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0;transition:all .8s ease-in-out;width:75px;z-index:3}@media(max-width:768px){.sidebar{right:-75px}}.sidebar .sidebarmenu{margin:0;padding:0;text-decoration:none}.sidebar .sidebarmenu li{text-align:center}.sidebar .sidebarmenu li .anchor{color:#15023a;text-decoration:none}.sidebar .sidebarmenu li .anchor .far{font-size:40px;margin-top:60px;transition:all .4s ease}.sidebar .sidebarmenu li .anchor .far:hover{color:#2738f0;text-shadow:0 1px 1px rgba(194,86,86,.687)}@media(max-width:768px){.sidebar .sidebarmenu li .anchor.activesidebaricon{color:#fff}}.sidebar .sidebarmenu li.active a{color:blue}@media(max-width:768px){.sidebar.activesidebar{background-color:#15023a}.sidebar.activemobilesidebar{right:0}}.wrapperforicon{bottom:20px;display:inline-block;position:absolute;right:15px;z-index:5}.wrapperforicon .warning{align-items:center;display:flex}.wrapperforicon .warning .icon{-webkit-animation:warningBlink 2s ease-in-out infinite;animation:warningBlink 2s ease-in-out infinite;background-color:#d86b6b;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:25px;height:40px;margin-left:30px;text-align:center;width:40px}.wrapperforicon .warning .icon div{margin-top:3px}@-webkit-keyframes warningBlink{0%{background-color:#d67979}to{background-color:#a72a2a}}@keyframes warningBlink{0%{background-color:#d67979}to{background-color:#a72a2a}}.wrapperforicon .warning .tooltip{background-color:rgba(22,124,219,.596);border:1px solid #2ba1d8;border-radius:10px;color:#fff;height:35px;opacity:0;padding:0 10px;transition:all .5s ease-in-out}@media(max-width:768px){.wrapperforicon .warning .tooltip{font-size:13px;height:30px;width:80%}}.wrapperforicon .warning .tooltip div{margin-top:7px}.wrapperforicon .warning .tooltip.active{opacity:1}@media(max-width:768px){.wrapperforicon{bottom:20px;right:20px}}
/*# sourceMappingURL=main.d477509d.css.map*/