@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{max-width:100vw;overflow-x:hidden}.desktop-header,.dots,.geometry3,.geometry4,.geometry5,.geometry6,.geometry7,.geometry8,.geometry9,.image{display:none}.Portfolio{flex-direction:column;height:100%;justify-content:center;width:100vw}.Header,.Portfolio{align-items:center;display:flex}.Header{justify-content:space-between;width:100%}.menu{position:relative;right:10px}.menuContainer{background-color:#fff;justify-content:space-between;left:30px;position:relative;width:85vw}.menuContainer,.menuContainer ul{display:flex;flex-direction:column}.menuContainer ul{align-items:center;gap:20px;justify-content:center}.menuContainer ul li{list-style:none}.menuContainer ul li .menu-link{color:#1a2236;text-decoration:none}.Paragraph,.Paragraph-1{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.title{color:#1a2236;font-family:Playfair Display,serif;font-size:50px;font-style:normal;font-weight:400;line-height:100%;padding:0 16px}.presentation{color:#1a2236;padding:0 16px}.button,.presentation{font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:21px}.button{background-color:#1a2236;border:#1a2236;border-radius:0;color:#fff;margin:40px 0 32px;padding:12px 104px}.button a{color:#fff;text-decoration:none}.button:hover{background-color:#fff;border:1px solid #1a2236;color:#1a2236}.button:hover a{color:#1a2236}.button:active{background-color:#fff;border:2px solid #1a2236;color:#1a2236}.button:active a{color:#1a2236}.geometry{width:100%}li{list-style:none}ul{padding:0 16px}.Project{align-items:flex-start;flex-direction:column;justify-content:center}.Project,.Project-Skills{display:flex;height:100%;width:100%}.Project-Skills{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:16px 0}.Project-Skills p{margin:0;padding:5px}.skill{border:1px solid #1a2236}.Card-Image img{height:186px;width:100%}.carousel-root .slide img{height:162px;width:279px}.carousel-root .carousel .thumbs{width:279px}.carousel-root .carousel .thumb{height:40px;width:70px}.carousel-root .carousel .slider{width:279px}.Project-Image{flex-direction:row;padding:0}.Project-Description,.Project-Image{align-items:center;display:flex;justify-content:center}.Project-Description{flex-direction:column}.Project-Description p{margin:0;padding:0 26px 0 0}.Footer{background-color:#1a2236}.Footer .button{background-image:url(/static/media/export.eaee49b1bbd26f9a0c61.svg);background-position:100%;background-repeat:no-repeat;background-size:22px;color:#92dcdc;padding:0 30px}.Footer .button a{color:#92dcdc;text-decoration:none}.Footer .button:hover{background-color:#1a2236;background-image:url(/static/media/export.eaee49b1bbd26f9a0c61.svg);background-position:100%;background-repeat:no-repeat;background-size:22px;color:#92dcdc;padding:0 30px}.Project-Buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:space-around}.Project-Buttons .button{background-color:#fff;border:1px solid #1a2236;border-radius:0;color:#1a2236;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:51px;letter-spacing:-.01em;line-height:21px;margin:5px 0;padding:12px 104px;width:246px}.Project-Buttons .button a{align-items:center;color:#1a2236;display:flex;height:27px;justify-content:center;text-decoration:none;width:100%}.Project-Buttons .button:hover{background-color:#1a2236;border:1px solid #1a2236;color:#fff}.Project-Buttons .button:hover a{color:#fff}.Project-Buttons .button:active{background-color:#1a2236;border:2px solid #1a2236;color:#fff}.Project-Buttons .button:active a{color:#fff}.Project-Buttons .github{background-image:url(https://img.icons8.com/fluency/512/github.png)}.Project-Buttons .demo,.Project-Buttons .github{background-position:100%;background-repeat:no-repeat;background-size:40px;padding:10px}.Project-Buttons .demo{background-image:url(https://img.icons8.com/sf-regular/512/external-link.png)}.menuBackground,.modalBackground{background-color:rgba(0,0,0,.5);bottom:0;height:100%;left:0;overflow:scroll;position:fixed;right:0;top:0;width:100%;z-index:1000}.modalContainer{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.menu-close{padding:24px 0 0 24px;position:absolute}.close,.menu-close{background:none;border:none}.Card-Background{align-items:flex-start;background-color:#1a2236;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 16px}.Card-Background .Card-Title{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:21px;margin:0;padding:0}.Card-Background .Card-Title p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:80%;margin:20px 0 16px}.Card-Background .Card-Skills{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;height:100%;justify-content:flex-start;margin:0 0 20px;width:100%}.Card-Background .Card-Skills p{background-color:#98dede;font-family:Poppins,sans-serif;font-size:10.3334px;font-style:normal;font-weight:300;line-height:80%;margin:0;padding:6px 10px}.Card-Background .Card-Buttons .button{background-color:#1a2236;background-image:url(/static/media/Union.21c384c89e548d33c7bd.svg);background-position:0;background-position-x:150px;background-repeat:no-repeat;background-size:20px;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;height:44px;margin:0 0 20px;padding:12px 10px;text-align:left;width:178px}.About{align-items:flex-start;padding:0 16px}.About,.About .About-Container{display:flex;flex-direction:column;justify-content:center}.About .About-Container{align-items:center}.About .About-Skills{color:#fff}.About .Languages{background-color:#1c528a;margin:10px 0;padding:50px 100px}.About .Frameworks{background-color:#e2505c;margin:10px 0;padding:50px 100px}.About .Skills{background-color:#febf52;margin:10px 0;padding:50px 100px}.About .About-Button .button{background-color:#1a2236;background-image:url(/static/media/ic_download.9b8aca4309313e63c095.svg);background-position:200px;background-repeat:no-repeat;background-size:22px;border:1px solid #fff;border-radius:0;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;height:44px;margin:0 0 20px;padding:12px 90px;text-align:left;width:288px}.About .About-Button .button a{color:#fff;text-decoration:none}.Contact{align-items:center;background-color:#f9f9fa;display:flex;flex-direction:column;justify-content:center}.Contact .App-logo{align-self:flex-start}.Contact-Info{flex-direction:column;gap:10px;justify-content:center}.Contact-Info,.social-icons{align-items:center;display:flex}.social-icons{flex-direction:row;justify-content:space-around;margin:0;padding:0 0 42px}@media(min-width:800px){.Header,.geometry{display:none}.desktop-header,.image{display:flex}.desktop-header .navbar,.image .navbar{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding:0 24px}.desktop-header .navbar a,.image .navbar a{color:#1a2236;text-decoration:none}.Paragraph{flex-direction:row}.Paragraph,.Paragraph .Paragraph-1{align-items:center;display:flex;justify-content:center}.Paragraph .Paragraph-1{flex-direction:column;gap:10px;padding:0 94px 0 160px}.Paragraph .desktop-logo{height:730px;margin:0;padding:0;width:703px}.Contact .title{font-family:Playfair Display,serif;font-size:110px;font-style:normal;font-weight:400;line-height:100%}.Contact .presentation{font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:21px}.Contact-Form{align-items:center;display:flex;flex-direction:column;justify-content:center}.Contact-Form .button{font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:27px}.Project .Project-Title{font-size:60px;font-weight:700}.Project .Project-Skills p,.Project .Project-Title{font-family:Poppins,sans-serif;font-style:normal;line-height:80%}.Project .Project-Skills p{font-size:20px;font-weight:300}.Project .Project-Items{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.Project .Project-Description p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:80%}.Project .Project-Buttons{align-items:center;display:flex;justify-content:space-around;width:100%}.Projects .title{bottom:110px;font-family:Playfair Display,serif;font-size:110px;font-style:normal;font-weight:400;line-height:100%;position:relative;right:540px;rotate:270deg}.About{direction:rtl;display:grid;grid-template-columns:1fr 1fr;margin-bottom:158px}.About,.About .About-Paragraph{align-items:center;justify-content:center}.About .About-Paragraph{display:flex;flex-direction:column;gap:20px}.About .About-Paragraph .title{font-family:Playfair Display,serif;font-size:110px;font-style:normal;font-weight:400;line-height:100%}.About .About-Paragraph p{padding:0 70px;text-align:end}.About .About-Skills{grid-gap:0;direction:ltr;display:grid;gap:0;grid-template-columns:1fr 1fr}.About .geometry7{left:115px;top:53px}.About .geometry7,.geometry8{display:flex;position:relative}.geometry8{bottom:75px;right:542px}.geometry9{display:flex;left:500px;position:relative;top:1px}.Footer-Container{align-items:center;display:flex;justify-content:space-between}.Footer-Container .get-cv{left:100px;position:relative}.Footer-Container .social-icon{align-items:center;display:flex;justify-content:space-around;padding:0 20px;position:relative;right:100px;top:20px}.modalContainer{align-items:center;background-color:#f9f9fa;border:70px solid #1a2236;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;overflow-x:hidden;position:fixed;right:0;top:0;z-index:10}.modalContainer .projects-container{overflow-y:scroll}.card__0{bottom:969px;left:550px;position:relative;width:860px}.card__0,.card__0 .Card-Image img{height:558px}.card__0 .Card-Background{bottom:360px;height:353px}.card__0 .Card-Background,.card__0 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative}.card__0 .Card-Background .Content{gap:30px;left:60px}.card__0 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:60px;font-style:normal;font-weight:700;line-height:80%}.card__0 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__0 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.card__1{bottom:872px;left:0;position:relative;width:433px}.card__1,.card__1 .Card-Image img{height:270px}.card__1 .Card-Background{bottom:252px;height:238px;padding:0 0 0 54px;position:relative}.card__1 .Card-Background,.card__1 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.card__1 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:80%}.card__1 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__1 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.card__2{bottom:881px;height:425px;left:0;position:relative;width:697px}.card__2 .Card-Image img{height:460px}.card__2 .Card-Background{bottom:252px;height:246px;padding:0 0 0 54px;position:relative}.card__2 .Card-Background,.card__2 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.card__2 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:80%}.card__2 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__2 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.card__3{bottom:1665px;left:1024px;position:relative;width:382px}.card__3,.card__3 .Card-Image img{height:270px}.card__3 .Card-Background{bottom:252px;height:238px;position:relative}.card__3 .Card-Background,.card__3 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.card__3 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:80%}.card__3 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__3 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.card__4{bottom:1673px;left:1024px;position:relative;width:382px}.card__4,.card__4 .Card-Image img{height:270px}.card__4 .Card-Background{bottom:252px;height:238px;position:relative}.card__4 .Card-Background,.card__4 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.card__4 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:80%}.card__4 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__4 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.card__5{bottom:1386px;left:697px;position:relative;width:382px}.card__5,.card__5 .Card-Image img{height:270px}.card__5 .Card-Background{bottom:252px;height:238px;position:relative}.card__5 .Card-Background,.card__5 .Card-Background .Content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.card__5 .Card-Background .Card-Title>p{font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:80%}.card__5 .Card-Background .Card-Skills>.skill{font-family:Poppins,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:80%;padding:12px 20px}.card__5 .Card-Background .Card-Buttons .button{background-color:#fff;background-image:url(/static/media/UnionBlack.2171b7e287d4d3203c7c.svg);background-position-x:170px;background-repeat:no-repeat;background-size:20px;color:#1a2236;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;height:51px;line-height:27px;width:212px}.Card{height:1300px}.Card .Card-Background{opacity:0;transition:all .5s ease-out;visibility:visible}.Card .Card-Background:hover{opacity:1;transition:all .5s ease-out;visibility:visible}.dots{left:300px;top:34px}.dots,.geometry3{display:flex;position:relative}.geometry3{left:511px;top:427px}.geometry4{left:767px;top:609px}.geometry4,.geometry5{display:flex;position:relative}.geometry5{left:611px;top:617px}.geometry6{display:flex;left:0;position:relative;top:532px}.carousel-root .slide img{height:300px}.carousel-root .carousel .thumbs{width:300px}.carousel-root .carousel .thumb{height:20%;width:300px}.carousel-root .carousel .slider{width:800px}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.cb14be63.css.map*/