body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navBarPosition{position:fixed}.customNavbar{display:none}@media screen and (min-width:480px){.customNavbar{overflow:hidden;background-color:transparent;position:fixed;top:0;width:100%;display:flex;justify-content:flex-start}}.customNavbar a{float:left;display:block;background:#890b38;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.customNavbar a:hover{background:#f9f9f9;color:#000}.dropbtn{height:30px;margin:16px}.dropdown{background-color:transparent;position:fixed;top:0;width:100%;display:flex;justify-content:flex-end}@media screen and (min-width:480px){.dropdown{display:none}}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.customNavBarContainer{background-color:transparent}.mainClassHero{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media screen and (min-width:480px){.mainClassHero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100vh}}.titleAli{font-family:cursive;font-size:50px;font-weight:700;color:#2f89c5}.imageHero{height:50vh}@media screen and (min-width:480px){.imageHero{height:100vh;margin-left:100px}}.textContentHero{display:flex;flex-direction:column;padding:30px 20px 20px;margin-left:0;background:#f9f9f9}@media screen and (min-width:480px){.textContentHero{display:flex;flex-direction:column;margin-left:100px;min-width:400px;padding:0;margin-top:0;background:transparent}}.getInTouchButtonHero{background-color:#e6a800;min-height:50px;color:#fff;font-size:18px;font-weight:600;padding:0 40px;border-radius:8px;letter-spacing:1px}.getInTouchButtonHero:hover{background-color:#cc9600}.heroMainImageBackground{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%;display:flex;justify-content:center}@media screen and (min-width:480px){.heroMainImageBackground{background:transparent}}.helloIAm{color:#890b38;font-weight:700;letter-spacing:2px}.heroLineSoftwareEngineer{font-size:18px;color:brown}@media screen and (min-width:480px){.hero-nav-container{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%}}.coverImage{width:100%;object-fit:contain}@media screen and (min-width:480px){.coverImage{width:100%;height:100vh;object-fit:cover}}.coverImageQuiz{width:100%;object-fit:contain}@media screen and (min-width:480px){.coverImageQuiz{width:100%;height:100vh;object-fit:contain}}.mainClassAbout{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:transparent}@media screen and (min-width:480px){.mainClassAbout{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100vh;background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0)}}.titleAboutSection{font-family:cursive;font-size:46px;font-weight:700;color:#2f89c5}.titleAbout{color:#890b38;font-weight:700;letter-spacing:2px}.imageAbout{height:50vh}@media screen and (min-width:480px){.imageAbout{height:100vh}}.textContentAbout{display:flex;flex-direction:column;padding:30px 20px 20px;margin-left:0;margin-top:0;background:#f9f9f9}@media screen and (min-width:480px){.textContentAbout{display:flex;flex-direction:column;margin-left:100px;max-width:45%;padding:0;margin-top:0;background:transparent}}.aboutP1{line-height:25px;max-width:100%;padding:0 15px}@media screen and (min-width:480px){.aboutP1{line-height:25px;max-width:90%}}.aboutMainImageBackground{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%;display:flex;justify-content:center}@media screen and (min-width:480px){.aboutMainImageBackground{background:transparent}}.mainClassEducation{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:transparent}@media screen and (min-width:480px){.mainClassEducation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100vh;background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0)}}.titleEducationInstituteName{font-family:emoji;font-size:19px;font-weight:700;color:#2f89c5;margin-bottom:2px}@media screen and (min-width:480px){.titleEducationInstituteName{font-family:cursive}}.titleEducation{color:#890b38;font-weight:700;letter-spacing:2px;margin-bottom:15px}@media screen and (min-width:480px){.titleEducation{margin-bottom:30px}}.imageEducation{height:50vh}@media screen and (min-width:480px){.imageEducation{height:100vh}}.textContentEducation{display:flex;flex-direction:column;padding:30px 20px 20px;margin-left:0;margin-top:0;background:#f9f9f9}@media screen and (min-width:480px){.textContentEducation{display:flex;flex-direction:column;margin-left:100px;min-width:35%;padding:0;margin-top:0;background:transparent}}.educationMainImageBackground{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%;display:flex;justify-content:center}@media screen and (min-width:480px){.educationMainImageBackground{background:transparent}}.educationPlace{display:flex;align-items:center;margin:10px 0}.sectionEducationDegreeName{font-size:16px;font-weight:600;line-height:20px;margin-bottom:2px;color:brown}.sectionEducationDegreeYear{font-size:14px;font-weight:600;margin-bottom:0}.instituteImageLogo{height:80px;margin-right:10px;margin-left:10px}.pgcImageLogo{height:80px;width:75px;margin-right:5px}.mainClassTechnologies{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:transparent}@media screen and (min-width:480px){.mainClassTechnologies{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100vh;background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0)}}.titleTechnologyName{font-family:emoji;font-size:19px;font-weight:700;color:#2f89c5;margin-bottom:2px}@media screen and (min-width:480px){.titleTechnologyName{font-family:cursive}}.titleTechnologies{color:#890b38;font-weight:700;letter-spacing:2px;margin-bottom:13px}@media screen and (min-width:480px){.titleTechnologies{margin-bottom:15px}}.imageTechnology{height:50vh}@media screen and (min-width:480px){.imageTechnology{height:100vh}}.textContentTechnologies{display:flex;flex-direction:column;padding:30px 20px 20px;margin-left:0;margin-top:0;background:#f9f9f9}@media screen and (min-width:480px){.textContentTechnologies{display:flex;flex-direction:column;margin-left:100px;min-width:35%;padding:0;margin-top:0;background:transparent}}.technologyMainImageBackground{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%;display:flex;justify-content:center}@media screen and (min-width:480px){.technologyMainImageBackground{background:transparent}}.technologyContainer{display:flex;align-items:center;margin:10px 0}.sectionTechnologiesFewParagraph{font-size:16px;font-weight:600;line-height:20px;margin-bottom:12px;color:brown}@media screen and (min-width:480px){.sectionTechnologiesFewParagraph{font-size:18px}}.reactLogo{height:30px;margin-right:12px;margin-left:10px}.nodeLogo{height:37px;margin-right:10px;margin-left:10px}.mainClassFooter{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:transparent}@media screen and (min-width:480px){.mainClassFooter{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100vh;background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0)}}.textContentFooter{display:flex;flex-direction:column;padding:30px 20px 20px;margin-left:0;background:#f9f9f9}@media screen and (min-width:480px){.textContentFooter{display:flex;flex-direction:column;margin-left:100px;min-width:400px;padding:0;margin-top:0;background:transparent}}.sayHelloButtonFooter{background-color:#e6a800;min-height:50px;color:#fff;font-size:18px;font-weight:600;padding:0 40px;border-radius:8px;letter-spacing:1.5px}.sayHelloButtonFooter:hover{background-color:#cc9600}.socialMediaLinksHeading{color:#890b38;font-weight:700;letter-spacing:2px}.socialMediaIconsContainer{display:flex;margin:20px 0;justify-content:space-around}.socialMediaIcon{height:40px}.socialMediaIcon:hover{background-color:#d3d3d3}.sectionFooterWelcomeParagraph{font-size:16px;font-weight:600;line-height:20px;margin-bottom:12px;color:brown;padding:10px 0}@media screen and (min-width:480px){.sectionFooterWelcomeParagraph{font-size:18px;max-width:400px;line-height:24px;padding:20px 0}}.sectionFooterDesignedParagraph{display:none}@media screen and (min-width:480px){.sectionFooterDesignedParagraph{display:block;font-size:18px;max-width:400px;line-height:24px;padding:30px 0;font-weight:600;margin-bottom:12px;color:#2f89c5}}.sectionFooterDesignedParagraphMobile{font-size:16px;line-height:20px;margin-bottom:12px;color:#2f89c5;background-color:#f9f9f9;padding:20px 0}@media screen and (min-width:480px){.sectionFooterDesignedParagraphMobile{display:none}}.sectionFooterDesignedByAli{color:#890b38;font-weight:700}.footerMainImageBackground{background:linear-gradient(55deg,#f9f9f9 50%,#890b38 0,#890b38 60%,#f9f9f9 0,#f9f9f9 70%,#890b38 0,#890b38 80%,#f9f9f9 0);width:100%;display:flex;justify-content:center}@media screen and (min-width:480px){.footerMainImageBackground{background:transparent}}.imageFooter{height:50vh}@media screen and (min-width:480px){.imageFooter{height:100vh}}
/*# sourceMappingURL=main.07f211b1.chunk.css.map */