@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.header{display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff;width:100%;min-height:150px}.brand{font-size:3.5rem}.headerName{margin-left:75px}.navigation a{color:#fff;margin:0 1rem;text-decoration:none;font-size:1.5rem;margin-right:50px}.navigation a:hover,.navigation a.active{text-decoration:underline;font-weight:700}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;margin-right:100px}.navigation{display:flex;flex-wrap:wrap;justify-content:end;gap:1rem;margin-right:5px}@media (max-width: 768px){.menu-toggle{display:block}button.menu-toggle{display:block;height:100px}.header{min-height:200px}.brand{font-size:2.2rem}.headerName{margin-left:25px}.navigation{display:none;flex-direction:column;top:100%;left:0;width:100%;background-color:#000;padding:1rem 0;margin-right:0;font-size:1.2rem}.navigation.open{display:flex;width:200px}.menu-toggle.open{color:pink;margin-right:0;display:flex;height:100%;align-items:center}.navigation a{display:flex;flex-wrap:wrap;width:100%;margin:.5rem 0;text-align:center;display:block;font-size:1rem}}.github{display:flex;justify-content:center;padding-right:20px;text-align:center}.linkedin{display:flex;justify-content:center;padding-right:20px}.footer-link-button{color:#fff}.footer-links{display:flex;justify-content:space-around;height:75px;position:fixed;bottom:0;gap:px;width:100%;background-color:#000;margin-bottom:0;text-align:center;align-items:center;font-size:3rem}.footer{height:80px}.footerBar{display:flex;justify-content:space-around;height:70px;bottom:0;flex-wrap:wrap;gap:50px;background-color:#000}html,body{height:100%;margin:0}.content-inside{padding:20px 20px 50px}#root{display:flex;flex-direction:column;height:calc(100% - 75px)}#aboutHome{background-image:url(/assets/background1-nfTyikLF.png);display:flex;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.about{display:flex;flex-wrap:wrap;width:100%;height:100%}.photoSection{justify-content:center;margin-left:100px;margin-top:75px}.profilePhoto{height:450px;border-radius:50%;border:5px solid #fff}.aboutTextWraper{margin-top:50px;margin-left:100px;padding:100px 100px 20px;font-size:4rem;color:#000;font-weight:700;-webkit-backdrop-filter:saturate(80%) blur(50px);backdrop-filter:saturate(80%) blur(50px);justify-content:center;font-size:3rem;min-width:600px;max-width:800px;font-family:Roboto,sans-serif;font-size:2.8rem}.aboutText{margin-top:10px;font-size:4rem;color:#000;font-weight:700;justify-content:center;align-items:center;align-content:center;min-width:600px;max-width:800px;font-family:Roboto,sans-serif;font-size:1.5rem}@media screen and (max-width: 1660px){.photoSection{margin-left:15px;margin-top:15px}.profilePhoto{height:350px}.aboutText{margin-top:20px;margin-left:20px;min-width:100px;max-width:600px;padding:50px}}@media screen and (max-width: 1460px){.photoSection{margin-left:15px;margin-top:15px}.aboutText{margin-top:20px;margin-left:20px;min-width:100px;max-width:600px;padding:50px}}@media screen and (max-width: 1195px){.profilePhoto{height:350px}.aboutText{font-size:2.5rem;padding:30px}}@media screen and (max-width: 1055px){.profilePhoto{height:350px}.aboutText{font-size:2.5rem;padding:30px;height:500px;max-width:300px}}@media screen and (max-width: 1000px){.profilePhoto{height:350px}.aboutText{font-size:2.5rem}}@media screen and (max-width: 770px){.profilePhoto{height:250px}.aboutText{font-size:2rem;height:400px;margin-bottom:100px;padding-top:10px;padding-bottom:10px}}@media screen and (max-width: 770px){#aboutHome{height:unset}.about{width:100%;height:100%;display:unset}.photoSection{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;margin:20px 0 0}.aboutTextSection{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;font-size:2rem}.aboutText{margin-left:0}}@media screen and (max-width: 320px){.profilePhoto{height:250px}}@media screen and (max-width: 290px){.aboutText{padding:10px}}.contact-page{background-image:url(/assets/background1-nfTyikLF.png);height:100vh;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 100px 100px;box-sizing:border-box;margin-top:0}.contact-page form{display:flex;flex-direction:column;align-items:center;background-color:#000000bf;padding:30px;border-radius:8px;color:#fff;font-family:Roboto,sans-serif;max-width:600px;width:100%;height:450px}.contact-page .form-label{align-self:flex-start;font-weight:700;margin-bottom:5px}.contact-page .form-control{width:100%;max-width:400px;margin-bottom:20px;padding:10px;border-radius:4px;border:none}.contact-page button{min-width:150px;min-height:50px;padding:10px 20px;font-size:4rem;font-weight:700;background-color:#007bff;color:#fff;font-family:Roboto,sans-serif;border:none;border-radius:4px;cursor:pointer}.contact-page button:hover{background-color:#0056b3}.contact-page-content h2{font-size:8rem}.contact-heading p{padding-left:10px;padding-right:10px;padding-bottom:10px}.contact-heading{text-align:center;margin-bottom:20px}.contact-heading h2{margin-bottom:10px;font-weight:700}.contact-heading p{font-size:2rem;color:#000;font-family:Roboto,sans-serif;max-width:1500px;font-weight:700;margin-top:10px}.contactForm-Wrapper{display:flex;width:100%;align-items:center;justify-content:center}.contact-page-content{margin-top:30px;justify-content:center;-webkit-backdrop-filter:saturate(80%) blur(50px);backdrop-filter:saturate(80%) blur(50px);padding-bottom:20px}.error-message{color:red;font-family:Roboto,sans-serif;font-size:.75rem;margin-top:5px}.contact-heading h2{font-size:3rem;margin:0 0 10px;color:#000;font-weight:700}.contact-page h1,.contact-page h2{margin-top:10px;padding-top:0}form{background-color:#000000b3;padding:30px;border-radius:10px;max-width:1200px;width:200%;align-content:center}form input[type=text],form input[type=email],form textarea{width:100%;padding:10px;font-size:18px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px}form textarea{width:100%;padding:10px;font-size:18px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;height:300px}form button[type=submit]{width:100%;padding:12px;font-size:20px;font-weight:700;max-width:50px;max-height:50px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}@media screen and (max-width: 810px){.contact-page form{height:400px}}@media screen and (max-width: 625px){.contact-page{padding:0 50px 50px}.contact-page-content{margin-top:10px}.contact-heading h2{font-size:2rem}.contact-heading p{font-size:1.5rem}}@media screen and (max-width: 560px){.contact-page form{margin-bottom:60px;height:350px}}@media screen and (max-width: 500px){.contact-page{padding-left:25px;padding-right:25px}.contactForm{margin-bottom:30px}}@media screen and (max-width: 375px){.contact-page form{margin-bottom:60px;height:350px}}.project-card img{min-width:350px;width:100%;height:auto;min-height:250px;max-height:350px;object-fit:cover}.project-card{display:flex;flex-direction:column;font-family:Roboto,sans-serif;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;margin:20px;gap:20px;color:#000;border-radius:8px;min-width:350px;max-width:800px;width:100%;min-height:300px;max-height:800px;overflow:hidden;box-sizing:border-box;-webkit-backdrop-filter:saturate(95%) blur(220px);backdrop-filter:saturate(95%) blur(220px)}.myFlexCard{display:flex;align-items:center}.project-video{max-height:2px}.w-100{display:flex;align-items:center;max-height:200px;min-height:200px;max-width:350px;min-width:350px}.viewGithubProject{margin-top:10px;margin-bottom:10px}.videoText{display:flex;align-items:center;font-family:Roboto,sans-serif}.view-project-btn{font-family:Roboto,sans-serif;color:#000;border:none}.view-project-btn:hover{text-decoration:none}.myCard{font-family:Roboto,sans-serif;text-shadow:2px 2px 8px white;font-size:1.25rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;width:100%;padding:20px 20px 70px}.cardBody{padding-top:20px}.custom-btn:hover{color:#fff}.card-img-top{min-width:800px;padding-left:40px}.project-video{margin-bottom:180px;min-width:300px}.videoText{text-align:center}.imageVideo{display:block;min-height:200px;max-height:200px}.tag{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .6rem;margin:.3rem;border:2px solid black;border-radius:20px;font-size:.9rem;color:#000;background-color:#d3d3d3;font-weight:500}.tag-text{margin-left:.4rem}.tag svg{font-size:1rem}.tabIcon{color:#333}.portfolio-page{background:linear-gradient(to bottom,#ffd7eb,#ffc4e3,#ffb1db,#ff9fd3,#ff8ccc,#e887c7,#d17fc3,#b775c2,#a069be,#7a61d2,#5760d0);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;flex-wrap:wrap}.portfolio-Wraper{background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;background-attachment:fixed;flex-wrap:wrap;margin-bottom:150px}.javaScriptHeader{display:flex;width:100%;justify-content:center;font-size:3rem}.javaHeader{margin-top:20px;display:flex;width:100%;justify-content:center;font-size:3rem}.monHeader{margin-top:50px;display:flex;width:100%;justify-content:center;font-size:3rem;text-shadow:2px 2px 8px white}.mongoDBHeader{margin-top:200px;display:flex;width:100%;justify-content:center;font-size:3rem;text-shadow:2px 2px 8px white}.cHeader,.matLabHeader{margin-top:20px;display:flex;width:100%;justify-content:center;font-size:3rem}.portfilioHeaderText{display:flex;justify-content:center;font-size:3rem;text-shadow:2px 2px 8px white}.disclaimerWraper{display:flex;justify-content:center;width:100%}.disclaimer{display:flex;width:100%;justify-content:center}.portfolioCards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.portfolio-index{display:flex;justify-content:space-between;padding:0 125px 15px;margin-bottom:20px;border-radius:8px}.portfolio-index li{color:#000;padding:0;display:flex}.portfolio-index a{color:#000;font-weight:700;gap:20px}.custom-btn{color:#000}.cards{height:100%;display:flex;justify-content:center}@media screen and (max-width: 530px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:10px;max-width:500px}}@media screen and (max-width: 510px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:15px;max-width:475px}}@media screen and (max-width: 490px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:25px;max-width:450px}}@media screen and (max-width: 475px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:30px;max-width:425px}}@media screen and (max-width: 455px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:30px;max-width:400px}}@media screen and (max-width: 430px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:30px;max-width:375px}}@media screen and (max-width: 405px){.disclaimerWraper{display:flex;width:100%;justify-content:center;margin-left:20px;max-width:350px}}@media screen and (max-width: 385px){.disclaimer{display:flex;width:100%;justify-content:center;margin-left:10px;max-width:360px}.disclaimerWraper{margin-left:25px;max-width:330px}}@media screen and (max-width: 385px){.disclaimer{display:flex;width:100%;justify-content:center;margin-left:10px;max-width:360px}.disclaimerWraper{margin-left:25px;max-width:300px}}.resume-page{color:#000;font-family:Roboto,sans-serif;font-size:2rem;font-weight:700;font-family:Arial,sans-serif;color:#333;margin:0;background:linear-gradient(to bottom,#ffd7eb,#ffc4e3,#ffb1db,#ff9fd3,#ff8ccc,#e887c7,#d17fc3,#b775c2,#a069be,#7a61d2,#5760d0);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-wrap:wrap;justify-content:center}.mainResumeContent{color:#000;height:100%;padding-top:50px;padding-left:100px;padding-right:100px;align-items:center;justify-content:center;font-size:1.5rem;line-height:1.6;border-radius:8px;max-width:900px;-webkit-backdrop-filter:saturate(105%) blur(135px);backdrop-filter:saturate(105%) blur(135px)}.contact-section li{margin-right:30px}.resume-page h2{margin:0 0 20px;text-align:center;flex-wrap:wrap}.skills-section{display:flex;justify-content:space-around;gap:20px;margin-top:20px;flex-wrap:wrap}.resume-section{margin-top:30px}.resume-section h3{font-size:1.5rem;margin-bottom:10px}.resume-section ul{list-style-type:disc;padding-left:20px}.resume-section ul li{margin-bottom:5px}.resumeHeaders{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;width:100%}.contactInfo{width:100%}.coreSkills{display:flex;justify-content:center;text-align:center}.resumeLinks{display:flex;color:#000;justify-content:center;text-align:center;margin-top:0;font-size:1rem;flex-wrap:wrap}.professinalText{text-align:left}.professional-section{border-radius:8px}.education-ection{padding:20px;margin:20px 0;border-radius:8px;border-bottom:2px solid rgba(0,0,0,.2)}.link-button{font-size:1rem;color:#000;font-size:2.8rem;font-weight:700;padding:10px 15px;border-radius:5px;transition:background-color .3s;font-size:2.5rem}.bold-label{font-weight:700}.skills-container{display:flex;justify-content:space-between;padding:10px 10px 10px 0;text-align:center}.skill-item{display:flex;justify-content:center;width:100%;flex:1;margin-top:20px;margin-bottom:20px}li{display:block;align-items:left;text-align:left;width:100%}.bootCamp,.normandale,.ittTech{margin-bottom:50px}.skill-item{margin-top:100px}.skills li{line-height:1.5;text-indent:-1.5em;padding-left:1.5em}.skills{display:flex;justify-content:center;width:100%}.skills{margin-bottom:20px}.skill-item:nth-child(2){text-align:center}.skill-item:first-child{text-align:left}.skill-item:last-child{text-align:right}.toolsHeader{flex-wrap:wrap;width:100%;display:flex;justify-content:center}.skills{flex-wrap:wrap}.contact-section{display:flex;flex-wrap:wrap}.tools-section{padding-left:200px;padding-right:150px}.hobbies-section{padding-bottom:150px}.coreSkills{display:flex;justify-content:center;width:100%}@media (max-width: 768px){.mainResumeContent{padding:15px 15px 15px 20px}}@media (max-width: 350px){.contactInfo{font-size:1.2rem}.contact-section{max-width:75px}}