@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,700&display=swap";*{padding:0;margin:0}html{height:100%;font-family:Open Sans,sans-serif}button{font-family:Open Sans,sans-serif}body{height:100%;background-color:#00122d}h1{font-weight:500}h4{width:100%;text-align:center;font-size:18px;font-weight:300;margin-bottom:20px}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.close-button{float:right;padding:15px}#root,.App,.Home{height:100%}.content{height:100vh}.text-content{position:absolute;top:50%;left:50%}.HeroSection{background:linear-gradient(rgba(31,102,154,1),rgba(0,18,45));height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.Spacer{height:10px}@keyframes fadeIn{0%{opacity:1}to{opacity:0}}#cover{position:absolute;width:100%;height:100%;background:linear-gradient(308deg,rgba(10,25,47) 0%,rgba(31,102,154,1) 100%);z-index:1;opacity:1;animation:fadeIn 7s;animation-fill-mode:both}#header-intro{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;width:100%;height:100%}#header-intro p{font-weight:lighter;font-size:20px;text-shadow:3px 1px 2px black;opacity:0}#header-intro h1{font-size:60px;color:#64ffda;font-style:italic;font-weight:700;opacity:0}.aboutMe{margin-top:30px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:20px;padding-right:20px}.custom-bg{background-position:center;background-size:cover;background-repeat:repeat}.aboutMe h1{font-size:28px;color:#fff;text-align:left;margin-bottom:20px}.aboutMe p{font-size:20px;padding:3px;margin-top:20px;text-align:center;color:#fff}#profile-image{border-width:.5px;box-shadow:0 0 6px 1px;color:#64ffda;width:200px;height:200px;border-radius:100%;background-image:url(/assets/Me-97365af3.jpg);background-position:center;background-size:cover}.ParallaxSection{margin-top:50px;height:200px}.resume-container{display:flex;color:#fff;justify-content:center}.resume-container h3{color:#64ffda}.ContactForm{padding:20px;margin-top:40px;color:#fff}#form-submit{font-size:16px;padding:15px 10px;font-family:Open Sans,sans-serif;margin-top:20px;border-radius:5px;background-color:#171717;color:#64ffda;border:1px solid #64FFDA}.ContactForm textarea{width:96%;height:150px;background-color:#171717;border-color:#c5c5c5;border-radius:5px;color:#fff;border:0px solid;font-family:Open Sans,sans-serif;font-size:16px;padding:6px}.ContactForm h2{text-align:center;margin-bottom:10px}.ContactForm p{text-align:center;margin-bottom:20px}.ContactForm input{background-color:#171717;border-color:#c5c5c5;padding:10px 5px;border-radius:5px;color:#fff;margin-bottom:20px;font-size:16px;border:0px solid}.name-inputs{display:flex;flex-direction:column}.ProjectSection{margin-left:10px;margin-right:10px;background-color:#0e223f;padding:10px 5px;margin-top:60px;border-radius:5px}.ProjectSection h1{color:#fff;text-align:center;margin-bottom:20px}.project-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center}#project-section-header{margin-bottom:50px}.Project{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:80px}.Project h1{margin-top:20px}.Project img{margin-bottom:25px}.Project p{padding:10px;text-align:center}.Project img{width:177px;height:355px}.Project-Button{font-size:18px;padding:10px 50px;font-weight:300;border:solid;border-color:#64ffda;background-color:#fff0;color:#64ffda;border-radius:5px;margin-top:30px;text-decoration:none;transition:.7s}.Project-Button:hover{background-color:#64ffda;color:#3d3d3d;letter-spacing:5px}.animation-container{position:fixed;width:100%;height:100%;top:0;left:0}@keyframes twinkle{50%{opacity:.2}to{opacity:1}}.circles{position:absolute;overflow:hidden;width:100%;height:100%}.arrow{position:absolute;bottom:50px;border-right:solid;border-bottom:solid;border-width:10px;color:#fff;width:40px;height:40px;transform:rotate(45deg);-webkit-animation:twinkle;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;opacity:1}.MySkills{color:#fff;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.MySkills h1{margin-bottom:30px}.Skills{display:grid;grid-template-areas:"auto auto auto"}.SkillTile{margin:5px}.SkillTile p{font-size:15px;text-align:center}.SkillTile img{height:60px;width:60px}.Experience{color:#fff;margin-top:50px}#experience-header{background-color:#17325acc;width:240px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:10px;margin-bottom:60px;text-align:center}#experience-header h1{padding-left:50px}.HireMe{color:#fff;padding:40px;margin-top:40px}.HireMe img{margin-right:20px}.HireMe h3{text-align:center;margin-bottom:30px}.HireMe p{font-weight:300}.Reasons{display:flex;flex-direction:row;margin-bottom:20px}.Footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00122d}.Footer p{color:#bfbfbf;font-size:13px;padding-bottom:20px}.footer-icons{display:flex;flex-direction:row;align-items:center}.icons{background:rgb(78,78,78);height:60px;width:60px;margin:30px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.icons img{height:40px;width:40px;border-radius:10px}.thumbnail-container img{border:solid;width:177px;height:355px}@-webkit-keyframes Open{0%{visibility:visible}to{height:100%;width:100%;top:0;left:0;visibility:visible}}@-moz-keyframes Open{0%{visibility:visible}to{height:100%;width:100%;top:0;left:0;visibility:visible}}@-ms-keyframes Open{0%{visibility:visible}to{height:100%;width:100%;top:0;left:0;visibility:visible}}@-o-keyframes Open{0%{visibility:visible}to{height:100%;width:100%;top:0;left:0;visibility:visible}}@keyframes OpenMenu{0%{visibility:visible}to{height:100%;width:100%;top:0;left:0;visibility:visible}}@keyframes CloseMenu{0%{height:100%;width:100%;top:0%;left:0%;visibility:visible}99.9%{height:0%;width:0%;top:50%;left:50%}to{visibility:hidden}}.project-page-enabled{-webkit-animation:OpenMenu 2s;-moz-animation:OpenMenu 2s;-ms-animation:OpenMenu 2s;-o-animation:OpenMenu 2s;animation:OpenMenu 2s;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:OpenMenu;transition:5s;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.project-page-disabled{-webkit-animation:CloseMenu 2s;-moz-animation:CloseMenu 2s;-ms-animation:CloseMenu 2s;-o-animation:CloseMenu 2s;animation:CloseMenu 2s;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:CloseMenu;transition:5s;animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.skill-badge-container p{padding:0;margin:20px 0 0;text-align:center}.skill-badge-languages{padding:10px;display:grid;grid-template-areas:"auto auto auto";align-items:center;justify-content:center}.SkillBadge p{background-color:#d4d4d4;color:#393939;width:fit-content;padding:1px 20px;margin:10px 5px;border-radius:5px;font-weight:500}.project-hero{position:relative;padding-top:700px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.project-description-container{background:#0B1B34;width:80%;height:300px;padding:10px}.project-description-container p{text-align:left;font-size:20px;font-weight:300;color:#fff}.project-hero-image{position:relative}.project-hero-image img{width:171px;height:355px}#languages-header{margin:0}.project-button{border:solid;border-color:#64ffda;padding:10px 20px;width:200px;text-align:center;margin-bottom:20px;text-decoration:none;color:#fff;font-weight:400;border-radius:10px;border-width:thin}.project-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}.project-buttons a{transition:.7s}.project-buttons a:hover{letter-spacing:5px}.return-button{margin-top:40px;background-color:#64ffda;padding:10px 20px;width:200px;text-align:center;margin-bottom:20px;text-decoration:none;color:#000;font-weight:400;border-radius:10px;border-width:thin;transition:.7s}.return-button:hover{cursor:pointer;text-align:center;letter-spacing:5px}.thumbnail-container img{width:120px;height:auto}.gc{height:20px;width:20px;border-radius:100%}.graph-circle-current{color:#fff;border:solid;border-width:thin}.graph-circle{background-color:#fff}#experience-graph{margin-left:20px}#about-me-header2{display:none}#graph-dots{width:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:8px}.dot{width:5px;height:5px;background-color:#fff;border-radius:100%;margin-bottom:5px;margin-top:5px}#experience-graph-container{display:flex;flex-direction:row}.info{margin-bottom:30px}.info:nth-of-type(4){margin-bottom:50px}.info p{margin:0}.info-spacer{margin-bottom:50px}.experience-info{margin-left:20px}.experience-info h2{color:#64ffda;font-size:18px}.experience-info p:last-child{font-weight:100}.ViewResume{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#3f84ec;padding:50px 0}.ViewResume h3{text-align:center;margin-bottom:20px}.skills-seperate{display:flex;flex-direction:row;justify-content:center;align-items:center}.skills-desktop .Skills{display:flex;flex-direction:column}.ViewResume a{border:solid;border-width:thin;color:#fff;padding:8px 40px;background-color:#b4b4b466;text-decoration:none}.project-page-info{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Reasons img{width:20px;height:20px}.hire-reasons{display:flex;flex-direction:column;justify-content:center;align-items:Center}.project-info{display:flex;flex-direction:column;justify-content:center;align-items:center}.ProjectPage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes circleMove1{0%{margin-left:5px}25%{margin-left:15px}50%{margin-top:15px}75%{margin-left:0}to{margin-left:5px}}@keyframes circleMove2{0%{margin-right:5px}25%{margin-right:15px}50%{margin-top:15px}75%{margin-right:0}to{margin-right:5px}}@keyframes circleMove3{0%{margin-right:0;margin-top:0}25%{margin-top:15px}50%{margin-right:15px}75%{margin-top:5px}80%{margin-right:5px}}.Circle{display:block;position:absolute;border-radius:100%;width:100px;height:100px;-webkit-animation-duration:4s,1s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:circleMove1;transition:5s}#circ8{visibility:hidden}.skills-desktop{display:none}@media all and (min-width: 350px){.info{margin-bottom:50px}.info:nth-of-type(2){margin-bottom:20px}.info:nth-of-type(4){margin-bottom:35px}}@media all and (min-width: 400px){.SkillBadge P{width:75%}.project-description-container{width:75%}}@media all and (min-width: 575px){.SkillBadge p{margin:10px 20px}.Circle{transition:5s;margin:10px;padding:20px}.info:nth-of-type(2){margin-bottom:30px}}@media all and (min-width: 700px){.Circle{padding:40px;margin:10px}#circ8{visibility:visible}.info:first-of-type{margin-bottom:100px}}@media all and (min-width: 360px){.aboutMe h1{font-size:40px}.aboutMe p{font-size:20px}.SkillTile img{height:80px;width:80px;margin:10px}#experience-header{width:300px;font-size:30px}.HireMe h3{font-size:24px}.HireMe p{font-size:18px}.ViewResume h3{font-size:24px}.experience-info h2{color:#64ffda;margin-bottom:6px;font-size:1.5em}.info{margin-bottom:45px}.ContactForm input{padding:15px 10px}.project-button{font-size:20px;padding:15px 25px;width:300px}.return-button{padding:15px 25px;font-size:20px;width:300px;margin-bottom:50px}#about-me-header2{text-align:left}.thumbnail-container{width:400px;height:400px}.thumbnail-container img{width:180px}.skill-badge-languages{grid-template-areas:"auto auto auto auto"}}@media all and (min-width: 500px){#experience-header{width:420px;border-radius:10px}.experience-header-container{display:flex;flex-direction:column;justify-content:center;align-items:center}}@media all and (min-width: 600px){.experience-info h2{font-size:40px}.Experience h1{font-size:45px}.Experience p{font-size:25px}.SkillTile img{margin:10px}.aboutMe p{font-size:25px}#experience-graph{margin-left:30px}.graph-circle-current,.graph-circle{height:40px;width:40px}.dot{height:8px;width:8px;margin:10px}.info{margin-bottom:55px}.info:nth-of-type(2){margin-bottom:60px}.info:nth-of-type(3){margin-bottom:100px}.info:nth-of-type(4){margin-bottom:100px}#experience-header{font-size:44px;width:450px;padding:20px 50px 20px 20px}#header-intro p{font-size:30px}#header-intro h1{font-size:80px}.Project p{font-size:25px;padding:10px 100px}.Project h1{font-size:45px}.aboutMe p{font-size:22px}#profile-image{width:250px;height:250px}#project-section-header{font-size:65px}.HireMe h3{font-size:50px}.Reasons p{font-size:28px}.Reasons img{width:35px;height:35px}.ViewResume h3{font-size:35px}.ViewResume a{font-size:23px}.ContactForm h2{font-size:45px}.ContactForm p{font-size:22px}.ContactForm input,.ContactForm textarea{font-size:20px}#form-submit{padding:20px;font-size:20px}.icons img{width:55px;height:auto}.icons{padding:40px}.Footer p{font-size:18px}}@media all and (min-width: 800px){.project-hero{padding-top:800px}.project-hero h1{font-size:48px}.skill-badge-container p,.project-description-container p{font-size:22px}.project-buttons a{font-size:30px;width:500px}.return-button{width:500px;font-size:30px}.info:nth-of-type(2){margin-bottom:100px}}@media all and (min-width: 900px){h4{font-size:22px;text-align:left}.ContactForm input,.ContactForm textarea{width:600px}.ContactForm{display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutMeContainer{display:flex;flex-direction:row;justify-content:center;align-items:center}#about-me-header2{display:block;text-align:left;width:100%}#about-me-header1{display:none}#about-me-image-and-title{flex:1}#about-me-info{flex:2}.aboutMe p{text-align:left}#profile-image{height:300px;width:300px;margin-right:50px}.skills-mobile{display:none}.skills-desktop{display:flex}.MySkills{margin-top:120px;margin-bottom:120px}#experience-graph-container{justify-content:center}.Project{flex-direction:row;padding-left:10%;padding-right:10%}.Project:first-child{margin-top:150px}.project-img-container{margin-left:40px;flex:1}.project-info{flex:2;flex-direction:column;justify-content:left;align-items:left}.project-info p{margin-bottom:30px;padding:0;text-align:left;width:100%}.project-info h1{width:100%;text-align:left}.project-button-container{padding:10px;width:100%}#experience-header{padding:15px 0;width:60%}}@media all and (min-width: 1100px){.project-buttons{display:grid;grid-template-columns:max-content;gap:15px}.project-description-container{width:470px;padding:15px}.project-hero{flex-direction:row;margin-bottom:100px}.project-hero-image{margin-left:10%;flex:1}.project-hero-image img{width:300px;height:auto}.project-page-content{margin-right:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2}}@media all and (min-width: 1300px){#header-intro p{font-size:40px;position:absolute}#header-intro h1{font-size:140px}.project-page-content h1{font-size:55px}.skill-badge-container p{font-size:28px}.project-description-container p{font-size:24px}.project-description-container{width:600px}.skill-badge-languages p{font-size:20px}}@media all and (min-width: 1372px){#profile-image{width:400px;height:400px}.aboutMeContainer{padding:10px 50px}#about-me-header2{font-size:60px}#about-me-info p{font-size:28px}.skills-desktop h1{font-size:60px}.SkillTile img{width:100px;height:100px;margin:30px}#experience-header{font-size:60px}}@media all and (min-width: 1450px){#header-intro p{font-size:60px}#header-intro h1{font-size:140px}h4{font-size:28px}.project-img-container img{width:300px;height:622px}.Project{align-items:start}.project-info h1{font-size:60px}.project-info p,.Project-Button{font-size:32px}.project-hero{padding-top:600px}.project-page-content{margin-right:15%}.project-hero-image{margin-left:15%}}@media all and (min-width: 1450px){.project-hero h1{font-size:50px}.project-hero p{font-size:25px}.project-button,.return-button{font-size:28px}.return-button,.project-buttons a{margin:0}.project-buttons{display:grid;grid-template-columns:auto auto;margin-bottom:100px}}@media all and (min-width: 1650px){.project-page-content{margin-right:20%}.project-hero-image{margin-left:20%}.project-hero-image img{width:350px}.project-page-content h1{font-size:65px}.project-description-container p{font-size:30px}.project-description-container{height:400px}}section{display:flex}.reveal{position:relative;transform:translateY(150px);opacity:0;transition:1s all ease}.reveal.active{transform:translateY(0);opacity:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}#header-intro p{animation:fadein 2s;animation-delay:.3s;animation-fill-mode:forwards}#header-intro h1{animation:fadein 2s;animation-delay:1s;animation-fill-mode:forwards}@-webkit-keyframes showHide{0%{width:100%}to{width:50%}}@-moz-keyframes showHide{0%{width:100%}to{width:50%}}@-ms-keyframes showHide{0%{width:100%}to{width:50%}}@-o-keyframes showHide{0%{width:100%}to{width:50%}}@keyframes showHide{0%{width:100%}to{width:50%}}@keyframes fluctuate{0%{background:rgb(10,25,47)}50%{background:rgb(82,117,168)}to{background:rgb(10,25,47)}}.HeroSection{animation:fluctuate 8s infinite}#header-intro{position:relative}#header-intro p{position:absolute;top:30%}.spin{animation:rotatetwo 1s;display:inline-flex;transition:.5s;top:0;animation-delay:0}.goup:hover{transition:.5s;cursor:pointer}.goup:nth-child(1):hover{color:#0a192f}.goup:nth-child(2):hover{color:#1a3c6e}.goup:nth-child(3):hover{color:#234e8f}.goup:nth-child(4):hover{color:#3678db}.goup:nth-child(5):hover{color:#619df7}.goup:nth-child(6):hover{color:#7aaffd}.goup:nth-child(7):hover{color:#a8cbff}.goup:nth-child(8):hover{color:#d6e5fc}.goup:nth-child(9):hover{color:#fff}.rotate span{display:inline-flex;animation:rotate 2s infinite}.shadow-fluctuate{animation:shadowfluctuate 7s infinite;box-shadow:1px 1px}@keyframes shadowfluctuate{0%{box-shadow:0 0 1px 1px}50%{box-shadow:0 0 40px 1px}to{box-shadow:0 0 1px 1px}}@keyframes rotate{0%,75%{transform:rotateY(360deg);top:0}}@keyframes rotatetwo{0%{transform:rotateY(360deg);transform:rotateX(720deg)}25%{font-size:90px}}.nine span:nth-of-type(1){animation-delay:.2s}.nine span:nth-of-type(2){animation-delay:.4s}.nine span:nth-of-type(3){animation-delay:.6s}.nine span:nth-of-type(4){animation-delay:.8s}.nine span:nth-of-type(5){animation-delay:1s}.nine span:nth-of-type(6){animation-delay:1.2s}