body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#555;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}body,h1,h2,h3,h4,p{margin:0}p{font-size:1.2rem;font-weight:400}a{color:#555}:root{--mainColor:#555;--mainColorLight:#696969;--secondaryColor:#ef4765;--textColor:#555}.PrimaryBtn{background:linear-gradient(to bottom right,#ef4765,#ff9a5a) padding-box,linear-gradient(to bottom right,#ef4765,#ff9a5a) border-box;border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;line-height:2;padding:0 1rem;text-align:center;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}.PrimaryBtn:hover{box-shadow:0 4px 10px #00000026}.PrimaryBtn:active{background:linear-gradient(to bottom right,#eb2448,#fa8237) padding-box,linear-gradient(to bottom right,#eb2448,#fa8237) border-box;color:#fff}.SecondaryBtn{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom right,#ef4765,#ff9a5a) border-box;border:2px solid #0000;border-radius:5px;color:#ef4765;cursor:pointer;display:inline-block;font-weight:500;line-height:2;padding:0 1rem;text-align:center;user-select:none;-webkit-user-select:none;white-space:nowrap}.SecondaryBtn:hover{box-shadow:0 4px 10px #00000026}.SecondaryBtn:active{background:linear-gradient(to bottom right,#eb2448,#fa8237) padding-box,linear-gradient(to bottom right,#eb2448,#fa8237) border-box;color:#fff}.Navbar{box-shadow:0 0 13px 3px #0003;display:flex;height:5rem;justify-content:space-between;padding:0 5rem;position:relative}.NavLinks,.NavbarLeft{align-items:center;display:flex}.Socials{align-items:center;display:flex;justify-content:space-between;width:3rem}.Socials img{cursor:pointer;height:20px;object-fit:cover;width:20px}.HamburgerBtn{background-color:initial;border:1px solid #0003;border-radius:100%;cursor:pointer;display:none;height:3rem;width:3rem}.HamburgerBtn img{border-radius:100%;height:1.5rem;object-fit:contain;object-position:center;width:1.5rem}.CloseBtn{align-items:center;background-color:initial;border:1px solid #0003;border-radius:100%;cursor:pointer;display:none;height:3rem;justify-content:center;width:3rem}.CloseBtn img{border-radius:100%;height:1.5rem;object-fit:contain;object-position:center;width:1.5rem}.NavLink{color:#555;font-size:1.1rem;font-weight:500;margin:0 .2rem;padding:.5rem;position:relative;text-decoration:none}.NavLink:after{background-color:#ef4765;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:width .4s ease,left .4s ease;width:0}.NavLink.Active:after,.NavLink:hover:after{left:0;width:100%}.Logo{cursor:pointer;height:3rem;margin-right:3rem;width:3rem}.Logo,.Logo img{border-radius:100%}.Logo img{height:100%;object-fit:cover;object-position:center 40%;width:100%}@media (max-width:768px){.NavLinks{display:none}.NavLinks.Active{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.NavLink{margin-bottom:.5rem;margin-top:.5rem}.HamburgerBtn{align-items:center;display:flex;justify-content:center}.CloseBtn.Active{display:flex;position:absolute;right:1rem;top:1rem}.Logo{display:none}}.skeleton-loader{animation:pulse 1.5s infinite;background-color:#e0e0e0;height:100%;width:100%}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#ccc}to{background-color:#e0e0e0}}.MyPortfolio{width:100%}.PortfolioCategories{display:inline-flex;justify-content:center;margin-bottom:2rem;width:100%}.PortfolioCategoryBtn{background:linear-gradient(to bottom right,#ef4765,#ff9a5a) padding-box,linear-gradient(to bottom right,#ef4765,#ff9a5a) border-box;border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;line-height:2;margin:0 .4rem;padding:0 1rem;text-align:center;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}.PortfolioCategoryBtn.Active{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom right,#ef4765,#ff9a5a) border-box;color:#ef4765}.PortfolioCategoryBtn:hover{box-shadow:0 4px 10px #00000026}.PortfolioCategoryBtn:active{background:linear-gradient(to bottom right,#eb2448,#fa8237) padding-box,linear-gradient(to bottom right,#eb2448,#fa8237) border-box;color:#fff}.Title{align-items:center;animation:fadeIn .42s ease-in-out;display:flex;flex-direction:column;margin-bottom:3rem}.Title h2{margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}.GridLayout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin:0 auto;max-width:82rem}.GridItem{aspect-ratio:4/2.5;max-height:25rem;max-width:40rem;overflow:hidden;position:relative;width:100%}.LoadedImage{animation:fadeInImageOnLoad .5s ease-in-out forwards;height:100%;object-fit:cover;object-position:center;opacity:.5;width:100%}@keyframes fadeInImageOnLoad{0%{opacity:.5}to{opacity:1}}.GridItemContent{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000040;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;transition:right 1s ease;width:100%}.GridItemContent.SlideOut{right:-100%}.GridItem:hover .GridItemContent.SlideOut,.GridItemContent.Locked{right:0}#GridItemContentTitle{font-size:28px;font-weight:500;padding:1rem 2rem;text-align:center}#GridItemContentBtn{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);border:0;border-radius:5px;color:#fff;display:inline-block;font-weight:500;line-height:2.5;outline:#0000;padding:0 1rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}#GridItemContentBtn:not([disabled]):hover{background:linear-gradient(to bottom right,#f12f52,#fc8942)}#GridItemContentBtn:not([disabled]):active{background:linear-gradient(to bottom right,#eb2448,#fa8237)}@media (max-width:768px){#GridItemContentTitle{font-size:20px}}@media (max-width:1100px){.GridLayout{grid-template-columns:1fr;max-width:40rem}}.About{flex-direction:column;margin:0 auto;max-width:70rem}#Info,.About{align-items:center;display:flex}#Info{justify-content:space-between;width:100%}#InfoText{display:flex;flex-direction:column}#InfoName{font-size:50px;font-weight:500;margin-bottom:.5rem}#InfoSpeciality{color:#ef4765;font-size:24px;font-weight:500;margin-bottom:2rem}#InfoDesc{font-size:18px;margin-bottom:2rem;max-width:500px}#InfoSocial{display:flex;justify-content:space-between;margin-bottom:2rem;width:5rem}#InfoSocial img{height:2rem;object-fit:contain;object-position:center;width:2rem}#InfoMe{margin-left:5rem;max-height:40rem;max-width:20rem;overflow:hidden;position:relative;width:100%}.background-overlay{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfoChwTHhi/8XlpAAADvklEQVQ4y4WQTWgcdRjGn5n5z8fuzmx2ZzP7kTQ0aWJjpDGp1Rpt/ChKkFqkgvVUkKqICsGDJ6F4EbxYpEW8qSCoeJGKWm8hShSqKSGGzUebZnez2e4m6W7s7szOf77HgyKtgfjcfvDy43kfBv9J+dpvmJqeRiadxvwfeawV1+HYDs69M4HB0Un8bx4eGcL4kWGQfzidUnH61ATuv28AK/npXffcnfD25Cuo1xtIdCgyS8hrUUk6k0wmDvbu715v7DSNpeUCFvLLdwnYu30Mtis1FEsbJ0WEH2pyZDIp8Req1e03rs4v4ujRkV0NyJ1wo1jGYrnKPP/YkWdOPXSIzyTjsAiDb67khyGq5Mrcgren4Mmsil+Y/Rju7QrXarcAhNDDAMdHD6Ye7OmR+rs7ja/2EnTJEZx7boSJq4pkti2ILIvORAcUNa64kikocmTvF7rHH8H3sx8FkptYpS0TWU2DhwrUXOrqux9//efcl+d3Cf4d8dKlyyg5WTRjOfy6UvqpclvXW0Ybhe0dLFRuL7169mxY653Az7NzmPp9HtfXZv6e/cdPz6MuDoBjGTiuBy2dUSrF6y/PfPfF+5u1SjSVSeOpM28tCx2Zi9l08vLY2KFKrdpAEDKQiQ7u2dMvIQgB2/U5luHGdV2/IMSSr2uKJB2QQ7SgoGf0mJbLpU+IvHCy2aIJRZbyPGGpHE+AJTyHmQ9ehJpIvJnq1L6VpOiJdrvNq/0PQB18FH2HnwDjeVATCivxZJAD3hN4/mJajcgMAjCfffI5PM/tU7V9U1om1+e6LjhCQKkNO2AQiwqQRB7RuAyAgWW50LKqHZHICwD7A2tSB7bjD21ubXUbhg5RFBCLRRFPKGDCEAg8hL6PwPXAAtgoV1FYq4j1hn7sWnEHrB8AYYh0vd4QlpaWQCkFwMD3A7SNNjarNTi2A2paKBXLmJ29imrlJqhppp8+vA9kq2GgS5OHIxEJhUIRAi/gnnuH4HoBOCJg51YNhOMQjXegWNqAbVEkOxRIgpi9Ua2K5PjjY/z6+vqA5TTR1CkWl1bg+iHUlAaOlxAEAVq6gUK5gsrNTUQjEbAsC9/3u2wHcba4mo8QXlS9kIXjOL6ixBF4LizaBjUpXNeD43owLQ+12jZs20IYBGBZRqXUVllDb4mu58f8kEAUhB1JFPwwDNA2DNgWBRACDIdUOgdeEEJK3cA0bVjUYvRmiyWEsEglYkilNJRLq6LtOIxhtKGqnQgCH77vIQhDEIFH/4G+hiLHoChKJzVty3Oo+RdP8a96EPQl4gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNC0xMC0yOFQxOToyOTo1OSswMDowMPHu8x4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjQtMTAtMjhUMTk6Mjk6NTkrMDA6MDCAs0uiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI0LTEwLTI4VDE5OjMwOjI0KzAwOjAwgS/2rgAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%;z-index:-10}.background-overlay.hide{opacity:0}#InfoMeImg.loaded{opacity:1}#InfoMeImg{aspect-ratio:2/3;object-fit:cover;object-position:center;opacity:0;transition:opacity .2s ease-in-out;width:100%}#InfoHireMeBtn{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);border:0;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:2.5;padding:0 1rem;text-align:center;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}#InfoHireMeBtn:hover{box-shadow:0 4px 10px #0000002e}#InfoGetCVBtn{background:#fff;border:0;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#ef4765;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:2.5;margin-left:1rem;padding:0 1rem;text-align:center;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}#InfoGetCVBtn:hover{box-shadow:0 4px 10px #0000002e}.SectionLine{border-bottom:1px solid #c59aa2;margin:5rem 0;opacity:.6;width:100%}#Skills{width:100%}#Skills p{font-size:18px;margin-bottom:3rem;margin-top:1rem}#SkillsLayout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin:0 auto 10rem}.Skill{align-items:center;display:flex;flex-direction:column;text-align:center}.Skill img{height:3rem;margin-bottom:.5rem;object-fit:contain;object-position:center;width:3rem}@media (max-width:768px){#Info{justify-content:center;text-align:center}#InfoText{align-items:center}#InfoSocial{justify-self:center}#Skills{text-align:center}#InfoMe{display:none}}.Project{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:70rem}#ProjectTitle{margin-bottom:2rem}#ProjectPromotingDesc{align-self:flex-start;margin-bottom:2rem}#ProjectDetailsImgNLinks{display:flex;margin-bottom:3rem;width:100%}#ProjectImg{margin-right:5rem;max-height:27rem;max-width:40rem}#ProjectImg img{height:100%;object-fit:cover;object-position:center;width:100%}#ProjectDetails{display:flex;flex:1 1;justify-content:flex-end}#ProjectDetailsCols{display:flex;justify-content:space-between;min-width:20rem;width:100%}.ProjectDetailsCol{cursor:pointer;margin-top:.5rem;text-decoration:underline}#ProjectLiveView{background:linear-gradient(to bottom right,#ef4765,#ff9a5a);border:0;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;line-height:2.5;outline:#0000;padding:0 1rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:box-shadow .2s ease-in-out;user-select:none;-webkit-user-select:none;white-space:nowrap}#ProjectLiveView:not([disabled]):hover{background:linear-gradient(to bottom right,#f12f52,#fc8942);color:#fff}#ProjectLiveView:not([disabled]):active{background:linear-gradient(to bottom right,#eb2448,#fa8237);color:#fff}#ProjectDesc{font-size:larger;margin-bottom:3rem;width:100%}#ProjectDesc h3{margin-bottom:1rem}#ProjectTutorial{align-self:flex-start;font-size:larger;margin-bottom:3rem;width:60%}#ProjectTutorial h3{margin-bottom:1rem}#ProjectAppStatus{font-size:larger;width:100%}#ProjectAppStatus h3{margin-bottom:1rem}#ProjectProgressBar{display:flex;flex-direction:column}#ProjectProgressBarStatus{display:flex;font-weight:500;justify-content:space-between;margin-bottom:1rem}#ProjectProgressBarPercentage{color:#ef4765}#ProjectProgressBarFull{background-color:#c9c9c9;border-radius:10px;height:.5rem;position:relative;width:100%}#ProjectProgressBarCompleted{background-color:#ef4765;border-radius:10px;height:.5rem;left:0;position:absolute;top:0}@media (max-width:950px){#ProjectDetailsImgNLinks{flex-direction:column;justify-content:center}#ProjectImg{align-self:center;margin-bottom:2rem;margin-right:0}#ProjectDetails{justify-content:center}#ProjectTutorial{width:100%}}.Video{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.Video iframe{border:none;position:absolute}.DarkBackground,.Video iframe{height:100%;left:0;top:0;width:100%}.DarkBackground{align-items:center;background-color:#0000004d;display:flex;justify-content:center;position:fixed;z-index:1000}#Modal{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:max-content;margin:2rem;width:40rem;z-index:1001}#ModalHeader{align-items:center;border-bottom:1px solid #0003;box-sizing:border-box;display:flex;font-size:1.2rem;font-weight:600;height:4rem;justify-content:space-between;padding:0 2rem;width:100%}#ModalHeaderCloseImg{cursor:pointer;height:1.3rem;width:1.3rem}#ModalHeaderCloseImg img{height:100%;object-fit:cover;object-position:center;width:100%}#ModalContent{box-sizing:border-box;flex:1 1;padding:2rem}#ModalFooter{align-items:center;border-top:1px solid #0003;box-sizing:border-box;display:flex;height:4rem;justify-content:flex-end;padding:0 2rem;width:100%}
/*# sourceMappingURL=main.d2aaa376.css.map*/