.topbar{background-color:#f8f8f8;color:#002366;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-left:30px}@media (max-width:1024px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}.topbar .wrapper .left .itemContainer:hover{color:#007bff;transition:all .5s ease}.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:#002366;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 1s ease;width:100%}.topbar.active{background-image:linear-gradient(#002366,#922c88);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-image:url(/static/media/bg.c94920d96c9c2213c3ea.jpg);direction:rtl;display:flex}@media (max-width:1024px){.intro{align-items:center;flex-direction:column}}.intro .center{flex:0.5 1;margin-right:40%;position:relative;text-align:center}.intro .center .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:1024px){.intro .center .wrapper{align-items:center;padding-left:0}}.intro .center .wrapper h1{color:#f8f8f8;font-size:60px;margin:10px 0}@media (max-width:1024px){.intro .center .wrapper h1{font-size:40px}}.intro .center .wrapper h1 span{color:#007bff;font-size:inherit}.intro .center .wrapper h2{color:#922c88;font-size:50px}@media (max-width:1024px){.intro .center .wrapper h2{font-size:40px}}.intro .center .wrapper h3{font-size:30px}@media (max-width:1024px){.intro .center .wrapper h3{font-size:20px}}.intro .center .wrapper h3 span{color:#e2e2e2;font-size:25px}@media (max-width:1024px){.intro .center .wrapper h3 span{font-size:20px}}.intro .center .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 .center a{bottom:10px;position:absolute;right:0}.intro .center a svg{-webkit-animation:arrowBlink 1s infinite;animation:arrowBlink 1s infinite;width:50px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}@media (max-width:1024px){.intro .center a{display:none}.intro .center{margin:20% 0}}.info{background-color:#fff;direction:rtl;display:flex;text-align:center}@media (max-width:1024px){.info{align-items:center;flex-direction:column}}@media (min-width:1920px){.info{background-image:url(/static/media/mern.a6be507141cad64475c1.jpg)}}.info .left{flex:0.5 1;overflow:hidden}.info .left .imgContainer{align-items:flex-end;border-radius:50%;display:flex;float:right;height:550px;justify-content:center;width:550px}@media (max-width:1024px){.info .left .imgContainer{align-items:flex-start;margin-top:5%}}@media (min-width:1920px){.info .left .imgContainer{height:800px;width:800px}}.info .left .imgContainer img{height:90%}@media (max-width:1024px){.info .left .imgContainer img{height:40%}}.info .right{flex:0.5 1;position:relative}.info .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:100%}@media (max-width:1024px){.info .right .wrapper .hiddenText{display:none}.info .right .wrapper{align-items:center;padding-left:0}}.info .right .wrapper h1{color:#002366;font-size:60px;margin:10px 0}@media (max-width:1024px){.info .right .wrapper h1{font-size:30px}}.info .right .wrapper h2{color:#434242;font-size:25px}@media (max-width:1024px){.info .right .wrapper h2{font-size:15px}}.info .right .wrapper h2 span{color:#922c88;font-size:35px}@media (max-width:1024px){.info .right .wrapper h2 span{font-size:20px}}.experience{align-items:center;background-color:#e2e2e2;direction:rtl;display:flex;flex-direction:column}@media (max-width:1024px){.experience{justify-content:space-around}}.experience h1{color:#002366;font-size:60px;margin-top:10px}@media (max-width:1024px){.experience h1{font-size:35px;height:10%}}.experience h2{color:#922c88;font-size:40px;margin-top:10px}@media (max-width:1024px){.experience h2{font-size:30px;height:10%}}.experience .container{align-items:center;display:flex;height:73%;justify-content:center;width:100%}@media (max-width:1024px){.experience .container{flex-direction:column;height:100%}}.experience .container .card{background-image:url(/static/media/dark-purple.dd2f310c4a19f85b4cbc.jpg);border-radius:10px;box-shadow:0 0 15px 5px #922c88;color:#e2e2e2;display:flex;flex-direction:column;height:70%;justify-content:space-around;padding:20px;transition:all 1s ease;width:250px}@media (max-width:1024px){.experience .container .card{box-shadow:0 0 15px -5px #922c88;height:100px;margin-bottom:10px 0}}.experience .container .card.featured{margin:0 15px}@media (max-width:1024px){.experience .container .card.featured{height:120px;margin:2px;width:250px}}.experience .container .card:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.experience .container .card .top{align-items:center;display:flex;font-size:20px;justify-content:center}.experience .container .card .center{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:1024px){.experience .container .card .center{font-size:14px;padding:5px}}.experience .container .card .bottom{align-items:center;display:flex;flex-direction:column;justify-content:center}.experience .container .card .bottom h3{margin-bottom:5px}@media (max-width:1024px){.experience .container .card .bottom h3{font-size:14px}}.abilityList{border-radius:10px;color:#002366;cursor:pointer;font-size:20px;margin-right:30px;padding:5px}@media (max-width:1024px){.abilityList{font-size:14px;margin-right:15px}}.abilityList.active{background-color:#002366;color:#fff}.ability{align-items:center;background-color:#fff;display:flex;flex-direction:column}.ability h1{color:#002366;font-size:60px;margin-top:10px}@media (max-width:1024px){.ability h1{font-size:30px;height:10%}}.ability ul{display:flex;list-style:none;margin:10px;padding:0}@media (max-width:1024px){.ability ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.ability .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media (max-width:1024px){.ability .container{width:100%}}@media (min-width:1920px){.ability .container{margin-top:3%}}.ability .container .item{align-items:center;border:1px solid #f0efef;border-radius:20px;box-shadow:0 0 10px 1px #922c88;color:#fff;cursor:pointer;display:flex;height:170px;justify-content:center;margin:20px;position:relative;transition:all .5s ease;width:250px}@media (max-width:1024px){.ability .container .item{box-shadow:0 0 15px -5px #922c88;height:100px;margin:10px 20px;width:130px}}@media (min-width:1920px){.ability .container .item{height:200px;width:300px}}.ability .container .item h3{font-size:20px;position:absolute;text-align:center}@media (max-width:1024px){.ability .container .item h3{font-size:15px;text-align:center}}.ability .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.ability .container .item:hover{background-color:#922c88;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.ability .container .item:hover img{opacity:.1;z-index:0}.project{align-items:center;background-color:#e2e2e2;display:flex;flex-direction:column}.project h1{color:#002366;font-size:60px;margin-top:10px}@media (max-width:1024px){.project h1{font-size:30px;height:10%}}.project a{align-items:center;-webkit-animation:link 1s infinite;animation:link 1s infinite;background-image:linear-gradient(#002366,#922c88);border:1px solid #f0efef;border-radius:20px;color:#e2e2e2;direction:rtl;display:flex;flex-wrap:wrap;font-size:35px;justify-content:center;margin-top:10px;padding:5px 20px;text-decoration:none}@-webkit-keyframes link{0%{opacity:1}20%{opacity:.9}40%{opacity:.8}60%{opacity:.7}80%{opacity:.8}to{opacity:.9}}@keyframes link{0%{opacity:1}20%{opacity:.9}40%{opacity:.8}60%{opacity:.7}80%{opacity:.8}to{opacity:.9}}@media (max-width:1024px){.project a{font-size:20px}}@media (min-width:1920px){.project a{margin-top:3%}}.project a:hover{box-shadow:0 0 10px 1px #922c88;color:#e2e2e2}.project .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media (max-width:1024px){.project .container{width:100%}}@media (min-width:1920px){.project .container{margin-top:3%}}.project .container .item{align-items:center;background-image:url(/static/media/dark-purple.dd2f310c4a19f85b4cbc.jpg);border:1px solid #f0efef;border-radius:20px;box-shadow:0 0 10px 1px #922c88;color:#fff;cursor:pointer;display:flex;height:170px;justify-content:center;margin:20px;position:relative;transition:all .5s ease;width:250px}@media (max-width:1024px){.project .container .item{box-shadow:0 0 15px -5px #922c88;height:100px;margin:10px 20px;width:130px}}@media (min-width:1920px){.project .container .item{height:200px;width:300px}}.project .container .item h3{font-size:25px;position:absolute;text-align:center}@media (max-width:1024px){.project .container .item h3{font-size:15px;text-align:center}}.project .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.project .container .item:hover{background-color:#922c88;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.project .container .item:hover img{opacity:.1;z-index:0}.contact{background-color:#fff;height:100vh;position:relative}.contact h1{color:#002366;font-size:60px;margin-top:10px}@media (max-width:1024px){.contact h1{font-size:30px;height:10%}}.contact h2{color:#922c88;font-size:40px;margin-top:10px}@media (max-width:1024px){.contact h2{font-size:20px;height:10%}}.contact p{color:#002366;font-size:15px;margin-top:10px}@media (max-width:1024px){.contact p{font-size:10px;height:10%}}.contact .bg{background-image:linear-gradient(#002366,#922c88);height:100%;position:absolute;width:20px}.contact .wrapper{display:flex;padding:20px 50px}@media (max-width:1024px){.contact .wrapper{flex-direction:column;padding:0 50px}}.contact .wrapper .left{flex:1 1}@media (min-width:1920px){.contact .wrapper .left{margin-left:10%;margin-top:5%}}.contact .wrapper .left .title{font-size:60px;width:80%}@media (max-width:1024px){.contact .wrapper .left .title{align-items:center;display:flex;font-size:30px;justify-content:center;padding-left:10%}}.contact .wrapper .left .info{align-items:center;color:#002366;direction:ltr;display:flex;font-weight:300;margin:50px 0;width:70%}@media (max-width:1024px){.contact .wrapper .left .info{margin:20px 0;width:100%}}.contact .wrapper .left .info .icon{color:#922c88;height:30px;margin-right:20px;width:30px}.contact .wrapper .left a{color:#002366;display:flex;font-size:60px;font-weight:700;margin-top:100px;text-decoration:none;transition:all 1s ease}@media (max-width:1024px){.contact .wrapper .left a{display:none}}@media (min-width:1920px){.contact .wrapper .left a{font-size:100px}}.contact .wrapper .left a:hover{color:#922c88}.contact .wrapper .right{align-items:center;direction:rtl;display:flex;flex:1 1;flex-direction:column;justify-content:center}@media (min-width:1920px){.contact .wrapper .right{margin-right:10%;margin-top:5%}}.contact .wrapper .right .desc{font-weight:200}@media (max-width:1024px){.contact .wrapper .right .desc{display:none}}.contact .wrapper .right form{color:#002366;margin-top:20px}@media (max-width:1024px){.contact .wrapper .right form{display:flex;flex-wrap:wrap;margin-top:0}}.contact .wrapper .right form ::-webkit-input-placeholder{color:#002366;opacity:1}.contact .wrapper .right form :-ms-input-placeholder{opacity:1}.contact .wrapper .right form ::placeholder{color:#002366;opacity:1}.contact .wrapper .right form :-ms-input-placeholder{color:#002366}.contact .wrapper .right form ::-ms-input-placeholder{color:#002366}.contact .wrapper .right input{border:none;border-bottom:1px dotted #002366;color:#922c88;font-size:14px;height:50px;padding-right:10px;width:50%}.contact .wrapper .right input:focus{outline:none}@media (max-width:1024px){.contact .wrapper .right input{height:40px;margin:10px 10px 10px 0;width:35%}}@media (min-width:1920px){.contact .wrapper .right input{margin-top:3%}}.contact .wrapper .right textarea{border:1px dotted #002366;color:#922c88;font-size:14px;margin:10px 0;padding:10px;resize:none;width:95%}.contact .wrapper .right textarea:focus{outline:none}@media (min-width:1920px){.contact .wrapper .right textarea{margin-top:5%}}.contact .wrapper .right button{background-image:linear-gradient(#002366,#922c88);border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:500;padding:15px;width:99%}@media (max-width:1024px){.contact .wrapper .right button{font-size:14px}}.app{height:100vh}.app .sections{background-color:#f8f8f8;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}.menu{align-items:center;background-image:linear-gradient(#002366,#922c88);direction:rtl;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:250px;z-index:2}@media (max-width:1024px){.menu{width:200px}}.menu .icon{margin-left:10px}@media (max-width:1024px){.menu .icon{font-size:20px}}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}@media (max-width:1024px){.menu ul{font-size:20px}}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{color:#007bff;padding-right:2px;transition:all .5s ease}
/*# sourceMappingURL=main.f6af432f.css.map*/