.topbar{background-color:#fff;color:#19194d;height:69px;overflow:hidden;position:fixed;top:0;transition:all 2s ease;width:100%;z-index:2}.topbar .wrapper{justify-content:space-between;padding-left:10px;padding-right:15px;padding-top:5.2px}.topbar .wrapper,.topbar .wrapper .left{align-items:center;display:flex}.topbar .wrapper .left .logo{color:inherit;font-family:Marck Script,cursive;font-size:40px;font-weight:700;margin-right:35px;padding-left:20px;text-decoration:none}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;overflow:hidden;padding-left:8px;padding-right:3px;width:30px}.topbar .wrapper .right .hamburger span{background-color:#19194d;height:3px;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#19194d;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;transform:rotate(-45deg)}.menu{align-items:center;background-color:#19194d;display:flex;flex-direction:column;height:100vh;justify-content:center;padding-right:0;position:fixed;right:-250px;top:0;transition:all 2s ease;width:200px;z-index:1}.menu.active{right:0}.menu ul{color:#fff;font-size:50px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{align-items:center;color:inherit;display:flex;font-size:15.5px;margin-bottom:25px;text-decoration:none}.menu ul li:hover{font-weight:500}.menu ul li .icon{display:none;font-size:20px;margin-right:10px}@media(max-width:809px){.menu ul li{font-size:15px}.menu ul li .icon{display:inline}}@media(min-width:768px){.menu ul li .icon{display:none}}@media(max-width:809px){.menu{width:65px}}.projectPage{align-items:center;display:flex;max-height:100vh;overflow:hidden;padding:20px}.projectPage .left{flex:1 1}.projectPage .left h1{font-size:24px;margin-bottom:20px}.projectPage .left img{border-radius:10px;height:auto;max-width:50%}.projectPage .right{flex:1 1}.projectPage .right img{height:auto;max-width:50%}.intro{background-color:#fff;display:flex}@media(max-width:768px){.intro{align-items:center;flex-direction:column}.intro .left{height:76%}}@media(min-width:769px)and (max-width:1024px){.intro{align-items:center;flex-direction:column}.intro .left{height:76%}}.intro .left{flex:.5 1;overflow:hidden}.intro .left .imgContainer{align-items:center;background-color:#e6cfe6;border-radius:700px;display:flex;float:right;height:698px;justify-content:center;width:700px}@media(max-width:768px){.intro .left .imgContainer{align-items:start}}.intro .left .imgContainer img{height:80%}@media(max-width:768px){.intro .left .imgContainer img{height:41%}}.intro .right{flex:.5 1;overflow:hidden;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 a{position:absolute}.intro .right .wrapper a .icon{animation:arrowBlink 2s infinite;width:30px}.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:20px}}.intro .right .wrapper h3 span{color:#9d2868;font-size:inherit}.intro .right .wrapper h3 .ityped-cursor{animation:blink 1s infinite}@keyframes arrowBlink{to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.about-me{background-color:#fff;display:flex;margin-top:3px;overflow:hidden}@media(max-width:768px){.about-me{align-items:center;flex-direction:column}.about-me .left{height:80%}}@media(min-width:769px)and (max-width:1024px){.about-me{align-items:flex-start;flex-direction:column}.about-me .left{margin-right:1.5rem}.about-me .left,.about-me .right{flex:1 1;padding:1rem}}.about-me .left{flex:1 1;margin-right:1rem;padding:.6rem}@media(max-width:768px){.about-me .left{overflow:hidden}}.about-me .left h2{color:#333;font-size:30px;margin-bottom:.6rem}@media(max-width:768px){.about-me .left h2{font-size:20px}}.about-me .left p{color:#555;font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}@media(max-width:768px){.about-me .left p{font-size:.9rem}}.about-me .left .skills-list{align-items:flex-start;display:flex;flex-direction:column;width:100%}.about-me .left .skills-list .skill{margin:1rem 0;width:100%}.about-me .left .skills-list .skill .skill-name{color:#555;font-weight:700;margin-bottom:.5rem}.about-me .left .skills-list .skill .progress-container{background-color:#e0e0de;border-radius:10px;height:18px;overflow:hidden;position:relative;width:100%}.about-me .left .skills-list .skill .progress-container .progress-bar{background-color:#c776b8;border-radius:10px;box-sizing:border-box;height:100%;position:relative;transition:width .5s ease-in-out}.about-me .left .skills-list .skill .percentage-text{color:#333;font-weight:400;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.about-me .right{align-items:center;display:flex;flex:1 1;justify-content:center;margin-left:1rem;overflow:hidden}@media(max-width:768px){.about-me .right{display:none}}@media(min-width:769px)and (max-width:1024px){.about-me .right{display:none}}.about-me .right img{border-radius:10px;height:100%;object-fit:cover;padding-bottom:3px}li{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}@media(max-width:809px){li{margin-right:10px}}li.active{background-color:#19194d;color:#fff}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column}.portfolio h1{font-size:30px}@media(max-width:809px){.portfolio h1{font-size:20px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:20px}@media(max-width:809px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:0}}.portfolio ul li{border-radius:10px;cursor:pointer;font-size:18px;margin-right:50px;padding:7px}@media(max-width:809px){.portfolio ul li{font-size:15px;margin-right:20px}}.portfolio ul li.active{background-color:#19194d;color:#fff}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media(max-width:809px){.portfolio .container{width:100%}}.portfolio .container .item{align-items:center;border:5px solid #d3d3d3;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:150px;justify-content:center;margin:10px 20px;overflow:hidden;position:relative;transition:all .5s ease;width:220px}@media(max-width:809px){.portfolio .container .item{height:100px;width:130px}}.portfolio .container .item h3{font-size:20px;position:absolute}.portfolio .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.portfolio .container .item:hover{background-color:purple}.portfolio .container .item:hover img{opacity:.6;z-index:0}.text{color:#000;font-size:30px;font-weight:700;position:absolute;top:20px;z-index:10}@media(max-width:768px){.text{font-size:20px;z-index:0}}.works{align-items:center;background-color:#fff;display:flex;justify-content:center;position:relative}@media(max-width:768px){.works{overflow:hidden}}.works .arrow{cursor:pointer;height:50px;position:absolute}@media(max-width:768px){.works .arrow{display:none}}.works .arrow.left{font-size:large;left:200px;transform:rotate(180deg)}.works .arrow.right{font-size:large;right:200px}.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:90vh;justify-content:center;overflow:hidden}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#e6cfe6;border-radius:20px;display:flex;height:100%;justify-content:center;opacity:1px;width:700px}@media(max-width:768px){.works .slider .container .item{height:180px;margin:5px 0;width:90%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:100%;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 .project-button{background-color:#963fbe;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;height:20px;padding:5px;text-decoration:none;transition:background-color .3s;width:130px}@media(max-width:768px){.works .slider .container .item .left .leftContainer .project-button{height:5px;overflow:hidden;width:50px}}.works .slider .container .item .left .leftContainer .project-button h4{padding-left:13px}@media(max-width:768px){.works .slider .container .item .left .leftContainer .project-button h4{font-size:5px;padding:none}}.works .slider .container .item .left .leftContainer .project-button:hover{background-color:#480965}.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}.works .slider .container .item .left .leftContainer .imgContainer img{width:20px}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media(max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:5px}}.works .slider .container .item .left .leftContainer p{font-size:13px}@media(max-width:768px){.works .slider .container .item .left .leftContainer p{font-size:6px}}.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{transform:rotate(-10deg);width:400px}.contact{background-color:#fff;display:flex}@media(max-width:809px){.contact{flex-direction:column}}.contact .left{flex:1 1;scrollbar-width:none}.contact .left img{float:right;height:70%;overflow:hidden;padding-top:65px}@media(max-width:809px){.contact .left img{height:55%;justify-content:center;padding-right:140px;padding-top:15px}.contact .left{flex:.5 1;justify-content:center;overflow:hidden}}.contact .left .left1{display:flex;flex-direction:column;padding-bottom:2px;padding-left:253px;padding-top:8px}@media(max-width:809px){.contact .left .left1{padding-left:20px}}.contact .left .left1 h1{font-size:30px;padding-left:50px}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media(max-width:809px){.contact .right{flex:1.5 1;overflow:hidden}}.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%}@media(max-width:809px){.contact .right form{height:60%;justify-self:auto}}.contact .right form input{font-size:14px;height:30px;width:300px}@media(max-width:809px){.contact .right form input{height:15px;margin:0;width:200px}}.contact .right form textarea{font-size:14px;height:200px;width:300px}@media(max-width:809px){.contact .right form textarea{height:83px;width:200px}}.contact .right form button{background-color:red;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:500;height:30px;width:150px}@media(max-width:809px){.contact .right form button{height:25px;justify-content:space-around}}.contact .right form span{color:green}.footer{background-color:#d1a5d1;color:#000;justify-content:center;overflow:hidden;padding-bottom:30px;padding-top:30px;position:relative;text-align:center;width:100%}@media(max-width:768px){.footer{justify-content:center;padding:none}}.footer .footer-content{margin:0 auto;max-width:800px}.footer .footer-content h2{font-size:24px;margin:0}.footer .footer-content p{font-size:14px;margin:10px 0}.footer .footer-content .social-icons{margin-top:10px}.footer .footer-content .social-icons a{color:#000;font-size:20px;margin:0 10px;transition:color .3s}.footer .footer-content .social-icons a:hover{color:#8a338a}html{scroll-padding-top:70px}.app,body{overflow:hidden}.app{display:flex;flex-direction:column;min-height:100vh;transition:width 2s}.app,.app .sections{scroll-behavior:smooth}.app .sections{flex:1 1;margin-top:-20px;overflow-y:hidden;padding-bottom:10px;padding-top:20px;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;top:69.8px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}.app .sections .sections:target{transform:translateY(0)}
/*# sourceMappingURL=main.2ebd5b17.css.map*/