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}.App{background-color:#0d2135;background-image:url(/static/media/flippedChicago.1dd9461cd4d8f5fc03bc.jpg);background-repeat:no-repeat;background-size:cover!important;color:#fff;font-family:Courier New,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;height:1000px;text-align:center}.App .menu-header-hidden{background-image:linear-gradient(180deg,#1d2834,#1d2834,rgba(29,40,52,.8),rgba(29,40,52,0));display:block;height:180px;padding:30px 30px 10px;position:fixed;top:-180px;transition:top .7s;width:100%;z-index:10}@media screen and (min-width:500px){.App .menu-header-hidden{display:flex;height:70px;justify-content:space-around;padding:30px 30px 10px}}.App .menu-header-hidden .initials{display:none}@media screen and (min-width:750px){.App .menu-header-hidden .initials{display:block}}.App .menu-header-hidden .dropdown{align-items:flex-start;display:flex;flex-direction:row-reverse;text-align:right}@media screen and (min-width:500px){.App .menu-header-hidden .dropdown{text-align:center}}.App .menu-header-hidden .dropdown-menu-button{background:none;border:none;color:#fff;font-size:40px;padding:0 0 10px}@media screen and (min-width:500px){.App .menu-header-hidden .dropdown-menu-button{display:none}}.App .menu-header-hidden .menu ul{display:none}@media screen and (min-width:500px){.App .menu-header-hidden .menu ul{display:flex}}.App .menu-header-hidden .menu ul li{font-size:20px;font-weight:900;padding:0 20px 15px}@media screen and (min-width:500px){.App .menu-header-hidden .menu ul li{padding:0 20px}}.App .menu-header-hidden .menu ul li:hover{color:#e07d54}.App .menu-header-hidden .menu ul li a{color:#fff;font-size:20px;text-decoration:none}.App .menu-header-hidden .menu ul li a:hover{color:#e07d54}@media screen and (max-width:500px){.App .menu-header-hidden .dropdown:hover .menu ul{display:block}}.App .menu-header{background-image:linear-gradient(180deg,#1d2834,#1d2834,rgba(29,40,52,.8),rgba(29,40,52,0));display:block;height:180px;padding:30px 30px 10px;position:fixed;top:0;transition:top .7s;width:100%;z-index:10}@media screen and (min-width:500px){.App .menu-header{display:flex;height:70px;justify-content:space-around;padding:30px 30px 10px}}.App .menu-header .initials{display:none;font-family:Lobster,Roboto,sans-serif;font-size:20px;letter-spacing:.17rem}@media screen and (min-width:750px){.App .menu-header .initials{display:block}}.App .menu-header .dropdown{align-items:flex-start;display:flex;flex-direction:row-reverse;text-align:right}@media screen and (min-width:500px){.App .menu-header .dropdown{text-align:center}}.App .menu-header .dropdown-menu-button{background:none;border:none;color:#fff;font-size:40px;padding:0 0 10px}@media screen and (min-width:500px){.App .menu-header .dropdown-menu-button{display:none}}.App .menu-header .menu ul{display:none}@media screen and (min-width:500px){.App .menu-header .menu ul{display:flex}}.App .menu-header .menu ul li{font-size:20px;font-weight:900;padding:0 20px 15px}@media screen and (min-width:500px){.App .menu-header .menu ul li{padding:0 20px}}.App .menu-header .menu ul li:hover{color:#e07d54}.App .menu-header .menu ul li a{color:#fff;font-size:20px;text-decoration:none}.App .menu-header .menu ul li a:hover{color:#e07d54}@media screen and (max-width:500px){.App .menu-header .dropdown:hover .menu ul{display:block}}.App .home-page{height:745px;padding-top:160px;z-index:1}@media screen and (min-width:500px){.App .home-page{padding-top:0;position:relative;top:-110px}}.App .home-page .trailsText{will-change:transform,opacity}.App .home-page .main-text{text-align:center}@media screen and (min-width:500px){.App .home-page .main-text{margin:auto;position:relative;top:180px}}.App .home-page .hello-center{font-size:30px;letter-spacing:5px}@media screen and (min-width:500px){.App .home-page .hello-center{padding:80px 200px 20px 0}}@media screen and (min-width:750px){.App .home-page .hello-center{font-size:40px;padding:50px 300px 20px 0}}.App .home-page .name-center{font-size:80px;padding-top:10px}@media screen and (min-width:500px){.App .home-page .name-center{font-size:69px}}@media screen and (min-width:750px){.App .home-page .name-center{font-size:100px}}.App .home-page .title-text{font-size:32px;padding-top:10px}@media screen and (min-width:500px){.App .home-page .title-text{font-size:47px;padding:10px 0 20px}}@media screen and (min-width:750px){.App .home-page .title-text{font-size:70px}}.App .home-page .sub-text{padding-top:300px}@media screen and (min-width:500px){.App .home-page .sub-text{padding-top:390px}}@media screen and (min-width:750px){.App .home-page .sub-text{padding-top:400px}}.App .home-page .white-font{color:#fff;font-weight:900}.App .home-page .text-align-center{text-align:center}.App .home-page .change-text{font-size:24px;font-weight:900;text-align:center;text-shadow:1px 0 1px #bcb2b2}@media screen and (min-width:500px){.App .home-page .change-text{font-size:30px;padding:54px 0 0;text-shadow:1px 0 1px #969292}}@media screen and (min-width:750px){.App .home-page .change-text{font-weight:900;padding:30px 0 0 80px;text-align:center;text-shadow:1px 0 1px #edecec}}.App .about-me-page{background-color:#fff;padding:10px 10px 70px;position:relative}.App .about-me-page h1{color:#063a6e;font-family:Arial Narrow Bold,sans-serif;font-size:25px;font-weight:900;letter-spacing:.9px;padding:20px 0;position:relative;z-index:3}@media screen and (min-width:750px){.App .about-me-page .about-me-content{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:50px}}@media screen and (min-width:1200px){.App .about-me-page .about-me-content{margin:100px}}.App .about-me-page .Paragraph{color:#000;font-family:Arial,Helvetica,sans-serif;line-height:25px;margin:auto;max-width:400px;padding-top:15px;position:relative;text-align:center;z-index:1}@media screen and (min-width:750px){.App .about-me-page .Paragraph{margin:none;width:400px}}@media screen and (min-width:1000px){.App .about-me-page .Paragraph{font-size:20px;max-width:550px;width:550px}}.App .about-me-page .Paragraph .large{font-size:30px;font-weight:900;padding:5px}.App .about-me-page .Paragraph .textcoder{background-color:none;font-size:25px;font-weight:900;padding:10px}.App .about-me-page .Paragraph .textme{font-weight:300}@media screen and (min-width:1000px){.App .about-me-page .Paragraph .textme{line-height:30px;text-align:left}}.App .about-me-page .orange-box{background-color:#e07d54;border-radius:0 0 30px 0;height:335px;left:0;position:absolute;top:0;width:280px;z-index:1}@media screen and (min-width:500px){.App .about-me-page .orange-box{width:380px}}@media screen and (min-width:750px){.App .about-me-page .orange-box{border-radius:0 30px 30px 0;top:40px;width:300px}}.App .about-me-page .blue-box{background-color:#e2f3fd;border-radius:30px 0 0 30px;height:500px;position:absolute;right:0;top:300px;width:480px;z-index:1}@media screen and (min-width:500px){.App .about-me-page .blue-box{height:500px;top:305px;width:580px}}@media screen and (min-width:750px){.App .about-me-page .blue-box{border-radius:30px 0 0 30px;height:500px;top:105px;width:590px}}@media screen and (min-width:1000px){.App .about-me-page .blue-box{height:500px;top:150px;width:840px}}.App .about-me-page .pictureme{display:flex;z-index:3}@media screen and (min-width:750px){.App .about-me-page .pictureme{margin:auto;top:-20px}}.App .about-me-page .me{border-radius:5px;margin:auto;width:200px;z-index:3}@media screen and (min-width:750px){.App .about-me-page .me{width:250px}}@media screen and (min-width:1000px){.App .about-me-page .me{width:300px}}.App .resume-page{background-color:#fff;color:#000}.App .resume-page .contact-area{margin-bottom:20px}@media screen and (min-width:500px){.App .resume-page .contact-area{display:flex;justify-content:space-evenly}}.App .resume-page .resume-btn{background-color:#516542;border-radius:10px;font-size:22px;height:80px;padding:20px}@media screen and (min-width:500px){.App .resume-page .resume-btn{justify-content:space-around;margin:40px 30px}}@media screen and (min-width:750px){.App .resume-page .resume-btn{font-size:22px;justify-content:center;margin:40px 90px}}.App .resume-page .resume-btn a{color:#fff;font-family:arial;font-weight:700;text-align:center;text-decoration:none}.App .resume-page .contact-section{border:5px solid #e07d54;border-radius:10px;margin:10px;padding:20px 10px;width:300px}.App .resume-page .contact-section .email{color:#2164a7;font-weight:900;margin:10px}.App .resume-page .contacts-socials{display:flex;justify-content:space-evenly}.App .resume-page .social-icon{color:#22384e;font-size:55px;padding:10px}.App .resume-page .social-icon:hover{color:#798db8}.App .resume-page .skills{background-color:#ffe1a0;border-radius:10px;padding:20px 0}.App .resume-page .skills h1{background-color:#f1b942;color:#063a6e;font-family:Arial Narrow Bold,sans-serif;font-size:25px;font-weight:900;letter-spacing:.9px;padding:20px 0;width:100%}.App .resume-page .skills .skill-icon-section{display:none}@media screen and (min-width:750px){.App .resume-page .skills .skill-icon-section{display:block}}.App .resume-page .skills .skill-icon{color:#000;font-size:40px;padding:0 20px}.App .resume-page .skills .sizeImgMongodb{width:50px}.App .resume-page .skills .sizeImgSQL{width:110px}.App .resume-page .skills .sizeImgGraphql{padding-left:.5rem;width:55px}@media screen and (min-width:750px){.App .resume-page .skills .skills-content{display:flex;justify-content:space-evenly;margin-top:20px}}.App .resume-page .skills .proficiency{background-color:#f3cd7a;border-radius:12px;display:grid;margin:0 0 10px;padding:20px 30px 40px}.App .resume-page .skills .proficiency .proficiency-title{background-color:#f3cd7a;color:#000;font-weight:900}.App .resume-page .skills .proficiency-content{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;justify-content:center}@media screen and (max-width:400px){.App .resume-page .skills .proficiency-content{display:block}}.App .resume-page .skills .proficiency-content .spacing{border-radius:5px;margin:4px 0;padding:8px}@media screen and (min-width:750px){.App .resume-page .skills .proficiency-content .spacing{font-size:21px}}.App .resume-page .skills .proficiency-content .spacing-data{margin-top:0}@media screen and (min-width:400px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:30px}}@media screen and (min-width:450px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:70px}}@media screen and (min-width:525px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:90px}}@media screen and (min-width:750px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:10px}}@media screen and (min-width:970px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:20px}}@media screen and (min-width:1000px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:70px}}@media screen and (min-width:1100px){.App .resume-page .skills .proficiency-content .spacing-data{margin-top:90px}}.App .resume-page .skills .proficiency-content .spacing-framework{margin-top:0}@media screen and (min-width:400px){.App .resume-page .skills .proficiency-content .spacing-framework{margin-top:90px}}.App .resume-page .skills .proficiency-content .spacing-left{padding-left:30px;text-align:left}.App .resume-page .skills .proficiency-content .dot{list-style-type:disc;padding-bottom:.5rem}@media screen and (min-width:750px){.App .resume-page .skills .proficiency-content .dot{font-size:20px}}.App .resume-page .skills .experience{background-color:#f8ba94;border-radius:12px;display:flex;justify-content:space-evenly;padding:10px}@media screen and (min-width:750px){.App .resume-page .skills .experience{display:block}}@media screen and (min-width:1000px){.App .resume-page .skills .experience{max-width:477px}}.App .resume-page .skills .experience .work-h2{font-family:Arial,Helvetica,sans-serif;font-size:22px;padding:10px;width:100%}.App .resume-page .skills .experience .line-border{border-left-style:solid}.App .resume-page .skills .experience .dot{font-weight:900;letter-spacing:.001rem;padding-bottom:.5rem;padding-left:5px;text-align:left}@media screen and (min-width:750px){.App .resume-page .skills .experience .dot{font-size:20px;padding-bottom:0}}.App .resume-page .skills .experience .dot-details{display:none;font-size:12px;padding-bottom:.5rem;padding-left:15px;text-align:left}@media screen and (min-width:750px){.App .resume-page .skills .experience .dot-details{display:block;font-size:17px}}.App .resume-page .skills .experience .desktop{display:none}@media screen and (min-width:1000px){.App .resume-page .skills .experience .desktop{display:block}}.App .portfolio-page{background-color:#f9f5f1;color:#0d2135;padding:40px 0;position:relative}.App .portfolio-page h1{color:#063a6e;font-family:Arial Narrow Bold,sans-serif;font-size:25px;font-weight:900;letter-spacing:.9px;padding:20px 0}.App .portfolio-page .Projects,.App .portfolio-page h1{position:relative;z-index:3}.App .portfolio-page .project-1{padding:10px 0}.App .portfolio-page .project-image{border-radius:10px 10px 0 0;width:300px}@media screen and (min-width:500px){.App .portfolio-page .project-image{width:500px}}@media screen and (min-width:750px){.App .portfolio-page .project-image{width:750px}}.App .portfolio-page .project-information{background-color:#233349;border-radius:0 0 10px 10px;color:#fff;margin:auto;width:300px}@media screen and (min-width:500px){.App .portfolio-page .project-information{width:500px}}@media screen and (min-width:750px){.App .portfolio-page .project-information{width:750px}}.App .portfolio-page .project-information .project-title{font-size:25px;font-weight:900;padding:10px}@media screen and (min-width:750px){.App .portfolio-page .project-information .project-title{padding:10px}}.App .portfolio-page .project-information .project-content{display:block}@media screen and (min-width:750px){.App .portfolio-page .project-information .project-content{display:flex;justify-content:space-around;padding:0 20px 20px}.App .portfolio-page .project-information .project-content .project-description{text-align:left;width:400px}}.App .portfolio-page .project-information .project-links{display:flex;justify-content:space-evenly}.App .portfolio-page .project-information .project-icons{color:#fff;font-size:40px;padding:20px 10px}@media screen and (min-width:750px){.App .portfolio-page .project-information .project-icons{padding:0 30px}}.App .portfolio-page .project-information .project-icons:hover{color:#2164a7}.App .portfolio-page .arrow-container{color:#a8512f;display:flex;justify-content:center;position:relative;z-index:3}.App .portfolio-page .arrow-container .arrow-icons{font-size:40px;font-weight:900;padding:10px 15px}.App .portfolio-page .arrow-container .arrow-icons:hover{color:#2164a7}.App .portfolio-page .arrow-container .dots-icons{font-size:30px;padding:10px 15px}.App .portfolio-page .blue-circle{background-color:#9eafb6;border-radius:250px;display:none;height:500px;margin:auto;position:absolute;right:0;top:30px;width:500px;z-index:1}@media screen and (min-width:500px){.App .portfolio-page .blue-circle{display:block}}@media screen and (min-width:700px){.App .portfolio-page .blue-circle{border-radius:350px;height:700px;width:700px}}.App .portfolio-page .orange-circle{background-color:#d3a292;border-radius:250px;bottom:0;display:none;height:500px;left:0;margin:auto;position:absolute;width:500px;z-index:1}@media screen and (min-width:500px){.App .portfolio-page .orange-circle{display:block}}@media screen and (min-width:700px){.App .portfolio-page .orange-circle{border-radius:350px;height:700px;width:700px}}.App .contact-page{background-color:#f9f5f1;color:#000;padding:100px}.App footer{background-color:#0d2135;bottom:0;position:relative}@media screen and (min-width:500px){.App footer{bottom:0}}.App footer .contacts-footer{display:flex;justify-content:center}.App footer .footer-icon{color:#fff;font-size:55px;padding:40px}.App footer .footer-icon:hover{color:#4e628d}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:sans-serif;line-height:1;min-height:100%}h1,h2,h3,h4,h5,h6{font-size:100%}button,code,input,optgroup,option,pre,select,textarea{font-family:inherit;font-size:100%}ol,ul{list-style:none}
/*# sourceMappingURL=main.a14a372c.css.map*/