@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;700;800;900&display=swap";.homePage header#header-nav #drawerNav ul #homeButton__li{display:none!important}.homePage header#header-nav #drawerNav ul #homeButton__li #homeButton{display:none}.homePage header#header-nav #drawerNav ul #overviewMeButton{display:block}.homePage #introduction{background:#50ffaf;padding:20px;height:100vh;max-height:800px;display:flex;align-items:center;border-bottom:3px solid black}.homePage #introduction #intro-cv-container{width:fit-content;width:-moz-fit-content;display:flex;flex-direction:column;justify-content:center;margin:auto}.homePage #introduction #intro-cv-container #intro-text{font-size:95px;font-weight:900}.homePage #overview-me-navbar{background:#4b69ff;border-bottom:3px solid black;padding:10px;position:sticky;top:71px;z-index:1}.homePage #overview-me-navbar ul{list-style-type:none;display:flex;justify-content:space-between;align-items:center;width:90%;max-width:700px;margin:auto}.homePage #overview-me-navbar ul li a{display:block}.homePage #skills{background:#ff00ff;padding:20px}.homePage #skills #skills-subcontainer{display:grid;grid-template-columns:repeat(8,1fr);overflow-x:scroll;margin-top:20px}.homePage #skills #skills-subcontainer figure{text-align:center;margin:0 15px 13px}.homePage #skills #skills-subcontainer figure img{height:125px}.homePage #services{background:#ff459c;border-top:3px solid black;padding:20px}.homePage #services #services-subcontainer{display:flex;flex-direction:row;overflow-x:visible;margin-top:20px;justify-content:center}.homePage #services #services-subcontainer figure{text-align:center;margin:0 15px 13px}.homePage #projects{background:#45f9ff;border-top:3px solid black;padding:20px}.homePage #projects #projects-subcontainer{max-width:1000px;margin-top:20px}.homePage #projects #projects-subcontainer .project{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:20px}.homePage #projects #projects-subcontainer .project img{padding:0;max-width:503.2px}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph{width:50%;margin:0 20px;display:flex;flex-direction:column;gap:16px}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph a{font-size:2rem;font-weight:700;color:#000;text-decoration:none}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph .project-title:hover{background:#f8ff1e!important;color:#000!important}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container{display:flex;flex-direction:row;flex-wrap:wrap;width:-moz-fit-content;width:fit-content}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container div{font-weight:700;margin:5px}.homePage #projects button#see-more-projects{display:block;margin:auto}.homePage #about-me{background:#50ffaf;border-top:3px solid black;padding:20px}.homePage #about-me #about-me-subcontainer{display:flex;flex-direction:row;margin:20px auto 0;max-width:800px}.homePage #about-me #about-me-subcontainer figure{width:50%;max-width:450px}.homePage #about-me #about-me-subcontainer figure img{padding:0;width:100%}.homePage #about-me #about-me-subcontainer p{width:50%;margin:0 40px}.homePage #contact-me{background:#ff00ff;border-top:3px solid black;padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"first-name last-name email" "message message message" "send empty empty"}.homePage #contact-me input:focus,.homePage #contact-me textarea:focus{top:3px;left:3px;box-shadow:0 0}@media (min-width: 1024px){.homePage #projects #projects-subcontainer{margin-left:auto;margin-right:auto}.homePage #projects #projects-subcontainer .project{width:100%;margin-left:auto;margin-right:auto}}@media (max-width: 1024px){.homePage #projects #projects-subcontainer .project img{width:50%}}@media (max-width: 836px){.homePage #introduction #intro-cv-container #intro-text{font-size:64px}.homePage #overview-me-navbar ul{width:100%}.homePage #overview-me-navbar ul li a{padding-left:15px!important;padding-right:15px!important}}@media (max-width: 768px){.homePage #projects #projects-subcontainer .project{flex-direction:column;width:fit-content;width:-moz-fit-content;margin-right:auto;margin-left:auto}.homePage #projects #projects-subcontainer .project img{width:100%}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph{text-align:center;margin:20px 0 0;width:100%}.homePage #projects #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container{margin:auto;justify-content:center}}@media (max-width: 710px){.homePage #introduction #intro-cv-container #intro-text{font-size:56px}.homePage #about-me #about-me-subcontainer{flex-direction:column;align-items:center;justify-content:center}.homePage #about-me #about-me-subcontainer figure{width:60%}.homePage #about-me #about-me-subcontainer p{margin:15px 0 0;width:60%}}@media (max-width: 510px){.homePage #introduction #intro-cv-container #intro-text{font-size:46px}.homePage #overview-me-navbar{position:static}.homePage #overview-me-navbar ul{flex-direction:column}.homePage #overview-me-navbar ul li{margin:5px auto;width:70%;max-width:400px}.homePage #overview-me-navbar ul li a{text-align:center;margin:auto;width:100%}.homePage #about-me #about-me-subcontainer figure{width:75%}.homePage #about-me #about-me-subcontainer p{width:75%}}@media (max-width: 425px){.homePage #skills #skills-subcontainer figure img{height:150px}}@media (max-width: 375px){.homePage #about-me #about-me-subcontainer figure{width:90%}.homePage #about-me #about-me-subcontainer p{width:90%}}.projectsPage{background:#50ffaf}.projectsPage header#header-nav #drawerNav ul #homeButton__li #homeButton{display:block}.projectsPage header#header-nav #drawerNav ul #overviewMeButton__li{display:none}.projectsPage header#header-nav #drawerNav ul #overviewMeButton__li #overviewMeButton{display:none}.projectsPage .head-of-each-section{margin-top:20px}.projectsPage #projects-subcontainer{margin:20px auto 0;width:90%;max-width:1000px}.projectsPage #projects-subcontainer .project{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:20px}.projectsPage #projects-subcontainer .project img{padding:0;width:50%;min-width:400px;max-width:503.2px}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph{width:50%;margin:0 20px;display:flex;flex-direction:column;gap:16px}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph a{font-size:2rem;font-weight:700;color:#000;text-decoration:none}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph .project-title:hover{background:#f8ff1e!important;color:#000!important}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container{display:flex;flex-direction:row;flex-wrap:wrap;width:-moz-fit-content;width:fit-content}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container div{font-weight:700;margin:5px}@media (min-width: 769px){.projectsPage #projects-subcontainer .project .description{text-align:left}}@media (max-width: 768px){.projectsPage #projects-subcontainer .project{flex-direction:column;align-items:center}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph{width:100%}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph .description{text-align:center}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph a{margin:15px auto 0;display:block;width:fit-content;width:-moz-fit-content}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph .project-techs-container{margin:auto;justify-content:center}}@media (max-width: 425px){.projectsPage #projects-subcontainer .project img{min-width:0;width:100%}.projectsPage #projects-subcontainer .project .project-heading-n-paragraph a{margin:15px auto 0;display:block;width:fit-content;width:-moz-fit-content}}:root{scroll-behavior:smooth}*,body{margin:0;padding:0;box-sizing:border-box}body{font-family:Prompt;border:3px solid black}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:white;border:2px solid black;border-radius:5px}::-webkit-scrollbar-thumb{background:#f8ff1e;border-radius:5px;border:2px solid black}header#header-nav{background:white;display:flex;position:sticky;top:0;left:0;justify-content:space-between;padding:5px;border-bottom:3px solid black;height:71px;width:100%;z-index:10}header#header-nav h1{line-height:58px}header#header-nav nav{transition:.5s ease-in-out}header#header-nav nav ul{list-style-type:none;display:flex;height:100%;align-items:center}header#header-nav nav ul li{margin:0 5px}header#header-nav nav ul li a,header#header-nav nav ul li button{font-size:1rem}div#drawerContact{background:#f8ff1e;position:fixed;top:3px;left:3px;width:calc(100% - 6px);display:flex;justify-content:center;padding:8px 5px 0;border-bottom:3px solid black;transition:top .5s ease-out;z-index:2}div#drawerContact a,div#drawerContact button{display:block;background:transparent;border:0;height:-moz-fit-content;height:fit-content}div#drawerContact a img,div#drawerContact button img{width:50px;padding:4px;margin:0 10px}.open-drawer-nav{left:-3px!important}.open-drawer-contact{top:69px!important}footer{background:#9c7bff;text-align:center;padding:20px 10px;border-top:3px solid black}footer p{font-weight:800;margin:0}.button-yellow{text-decoration:none;color:#000;background:#f8ff1e;padding:5px 35px!important;font-weight:700}.button-effect{position:relative;top:0;left:0;box-shadow:3px 3px #000;border:2px solid black;border-radius:10px;cursor:pointer;padding:0 5px;width:fit-content;width:-moz-fit-content;font-family:Prompt;transition:75ms ease-in}.button-effect:active{top:3px;left:3px;box-shadow:0 0}#hamburger-menu__button{display:none;text-decoration:none;color:#000;background:#f8ff1e;font-weight:700}.head-of-each-section{text-align:center;margin:auto;background:#4b69ff}.border-effect{padding:0 5px;border:3px solid black;border-radius:10px;width:fit-content}.message-box-class{position:fixed;top:-50px;left:50%;transform:translate(-50%);border:3px solid black;border-radius:10px;background:#f54c40;padding:5px;width:50%;min-width:200px;max-height:90vw;text-align:center;animation-name:show-message;animation-duration:3s;z-index:20}@keyframes show-message{0%{top:-100px}20%{top:20px}80%{top:20px}to{top:-100px}}@media (max-width: 710px){header#header-nav nav{position:absolute;top:68px;left:calc(-100vw - 3px);background:white;border:3px solid black;box-sizing:content-box;width:100%}header#header-nav nav ul{flex-direction:column}header#header-nav nav ul li{margin:15px 0!important}header#header-nav nav ul li a,header#header-nav nav ul li button{display:block;width:200px;text-align:center}header#header-nav #hamburger-menu__button{display:block}}