.topbar{background-color:#fff;color:#15023a;height:70px;position:fixed;top:0;transition:all 2s ease;width:100%;z-index:3}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .leftSide{align-items:center;display:flex}.topbar .wrapper .leftSide .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none}.topbar .wrapper .leftSide .itemContainer{align-items:center;display:flex;margin-left:30px}@media(max-width:768px){.topbar .wrapper .leftSide .itemContainer{display:none}}.topbar .wrapper .leftSide .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .leftSide .itemContainer .span{font-size:15px;font-weight:500}.topbar .wrapper .rightSide .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .rightSide .hamburger span{background-color:#15023a;height:2px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#15023a;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{background-color:#fff;display:flex}@media(max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .leftSide{flex:.5 1;overflow:hidden}.intro .leftSide .imgContainer{align-items:flex-end;background-color:#f08080;border-radius:50%;display:flex;float:right;height:700px;justify-content:center;width:700px}@media(max-width:768px){.intro .leftSide .imgContainer{align-items:flex-start}}.intro .leftSide .imgContainer img{height:100%}@media(max-width:768px){.intro .leftSide .imgContainer img{height:60%}}.intro .rightSide{flex:.5 1;position:relative}.intro .rightSide .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media(max-width:768px){.intro .rightSide .wrapper{align-items:center;padding-left:0}}.intro .rightSide .wrapper h1{font-size:60px;margin:10px 0}@media(max-width:768px){.intro .rightSide .wrapper h1{font-size:36px}}.intro .rightSide .wrapper h1 span{font-size:12px}.intro .rightSide .wrapper h2{font-size:35px}.intro .rightSide .wrapper h3{font-size:30px}@media(max-width:768px){.intro .rightSide .wrapper h3{font-size:20px}}.intro .rightSide .wrapper h3 span{color:#f08080;font-size:inherit}.intro .rightSide .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 .rightSide a{bottom:10px;left:50%;position:absolute}.intro .rightSide a .chevron-down{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;font-size:48px}@-webkit-keyframes arrowBlink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes arrowBlink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.portfolio{align-items:center;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;position:relative}.portfolio h1{font-size:48px;margin-bottom:32px;margin-top:48px}@media(max-width:768px){.portfolio h1{font-size:32px;margin-bottom:16px;margin-top:24px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center}}.portfolio .container{flex-wrap:wrap;width:90%}.portfolio .container,.portfolio .container .item{align-items:center;display:flex;justify-content:center}.portfolio .container .item{border:1px solid #789;border-radius:20px;color:#fff;cursor:pointer;height:280px;margin:10px 20px;position:relative;transition:all .5s ease;width:360px}@media(max-width:768px){.portfolio .container .item{height:100px;width:130px}}.portfolio .container .item h3{font-size:20px;position:absolute;text-align:center}@media(max-width:768px){.portfolio .container .item h3{font-size:14px}}.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 img{opacity:.2;z-index:0}.list{border-radius:10px;cursor:pointer;display:flex;font-size:24px;margin-right:48px;padding:7px;transition:all .5s ease}@media(max-width:768px){.list{font-size:18px;justify-content:center;margin-right:0}}.list.active{background-color:#15023a;color:#fff}.contact{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;height:100vh}@media(max-width:768px){.contact{flex-direction:column}}.contact .leftSide{flex:2 1;overflow:hidden}@media(max-width:768px){.contact .leftSide{flex:1 1}}.contact .leftSide img{height:100%;transition:all 1s ease}@media(max-width:768px){.contact .leftSide img{height:92%}}.contact .leftSide img:hover{-webkit-transform:scale(.8);transform:scale(.8)}.contact .rightSide{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media(max-width:768px){.contact .rightSide{flex:1 1}}.contact .rightSide h2{font-size:30px;text-align:center}@media(max-width:768px){.contact .rightSide h2{font-size:20px;margin-bottom:12px}}.contact .rightSide form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:center;width:100%}.contact .rightSide form .resume{background-color:crimson;color:#fff}.contact .rightSide form .linkedin{background-color:navy;color:#fff}.contact .rightSide form .dribbble{background-color:orange;color:#fff}.contact .rightSide form button{border:none;border-radius:10px;cursor:pointer;font-size:32px;font-weight:500;height:48px;margin-bottom:24px;transition:all 1s ease;width:240px}@media(max-width:768px){.contact .rightSide form button{font-size:24px;height:36px}}.contact .rightSide form button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects{align-items:center;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;height:100vh;justify-content:center;position:relative}.projects h1{font-size:48px;position:absolute;top:52px}@media(max-width:768px){.projects h1{font-size:28px;top:64px}}.projects .arrow{color:#fff;cursor:pointer;font-size:48px;position:absolute}@media(max-width:768px){.projects .arrow{font-size:18px}}.projects .arrow.left{left:100px}@media(max-width:768px){.projects .arrow.left{left:10px}}.projects .arrow.right{right:100px}@media(max-width:768px){.projects .arrow.right{right:10px}}.projects .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-in-out}@media(max-width:768px){.projects .slider{justify-content:center}}.projects .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.projects .slider .container .items{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:800px}@media(max-width:768px){.projects .slider .container .items{height:256px;margin:5px 0;width:80%}}.projects .slider .container .items .leftSide{align-items:center;display:flex;flex:4 1;height:100%;justify-content:center}@media(max-width:768px){.projects .slider .container .items .leftSide{flex:12 1}}.projects .slider .container .items .leftSide .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:90%}.projects .slider .container .items .leftSide .leftContainer .imgContainer{align-items:center;display:flex;justify-content:space-around;position:absolute;top:10px;width:84px}@media(max-width:768px){.projects .slider .container .items .leftSide .leftContainer .imgContainer{top:64px}}.projects .slider .container .items .leftSide .leftContainer .imgContainer .slider-icon{width:25px}.projects .slider .container .items .leftSide .leftContainer h2{font-size:24px}@media(max-width:768px){.projects .slider .container .items .leftSide .leftContainer h2{font-size:18px;margin-top:48px}}.projects .slider .container .items .leftSide .leftContainer p{font-size:16px;padding-bottom:2}@media(max-width:768px){.projects .slider .container .items .leftSide .leftContainer p{font-size:14px}}.projects .slider .container .items .leftSide .leftContainer span{cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}@media(max-width:768px){.projects .slider .container .items .leftSide .leftContainer span{font-size:10px}}.projects .slider .container .items .rightSide{align-items:center;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}@media(max-width:768px){.projects .slider .container .items .rightSide{display:none;flex:0 1}}.projects .slider .container .items .rightSide img{overflow:hidden;width:100%}.skills{align-items:center;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.skills h1{font-size:48px;position:absolute;top:32px}@media(max-width:768px){.skills h1{font-size:24px;top:26px}}.skills h2{bottom:44px;font-size:28px;position:absolute}@media(max-width:768px){.skills h2{display:none}}.skills .container{flex-wrap:wrap;margin-top:42px;width:80%}.skills .container,.skills .container .item{align-items:center;display:flex;justify-content:center}.skills .container .item{background-color:navy;border-radius:20px;color:navy;cursor:pointer;height:128px;margin:10px 20px;position:relative;transition:all .5s ease;width:128px}@media(max-width:768px){.skills .container .item{border-radius:8px;height:48px;width:48px}}.skills .container .item h3{font-size:20px;position:absolute}@media(max-width:768px){.skills .container .item h3{font-size:12px;text-align:center}}.skills .container .item img{height:90%;object-fit:cover;width:90%;z-index:1}.skills .container .item:hover{background-color:#fff}.skills .container .item:hover img{opacity:.4;z-index:0}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navmenu{align-items:center;background-color:#15023a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 2s ease;width:300px;z-index:2}.navmenu.active{right:0}.navmenu ul{color:#fff;font-size:28px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.navmenu ul li{margin-bottom:20px}.navmenu ul li a{color:inherit;font-size:inherit;text-decoration:none}.navmenu ul li:hover{color:#f08080;transition:all .5s ease}.app{height:100vh}.app .sections{background-color:#fafad2;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;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.2520a5ce.css.map*/