:root{--text:#000;--w-text:#fff;--bg:#fdfdfd;--blue-focus:#003b6f;--brown-focus:#935e23;--blue-shadow:#003b6f80;--bluey-shadow:#003b6f40;--nunito:"Nunito", sans-serif}*{scroll-behavior:smooth}body{font:14px/1.4 var(--nunito);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,p{margin:0}h1,h2{text-align:left;font-weight:800}h3{text-align:center;margin:24px 0;font-size:1.25rem;font-weight:700;line-height:1.3}h4{text-align:center;font-size:1.1rem;font-weight:700;line-height:1.25}h5{margin:0;padding:0;font-size:1rem;font-weight:700;line-height:1}button:hover{font-weight:700;transform:scale(1.1)}ul{margin:0;padding:5px;list-style:none}.overlay{background:var(--blue-shadow);z-index:1000;width:100vw;height:100vh;position:fixed;inset:0}.modal{background:var(--w-text);width:80%;max-width:80%;color:var(--text);box-sizing:border-box;z-index:9999;border-radius:20px;margin:10px auto 0;position:fixed;left:50%;transform:translate(-50%)}.modalP{height:70vh;margin:10px auto 0}.modalS{height:60vh;margin:20px auto 0}.infoP{max-height:calc(65vh + 30px);overflow-y:scroll}.closure{cursor:pointer;z-index:1000;background:0 0;border:none;width:20px;height:20px;position:absolute;top:10px;right:15px}img{width:100%}@media (width>=769px) and (width<=1024px){.modalP{max-width:50%;height:50vh;margin:50px auto 0}.modalS{height:35vh}.infoP{max-height:calc(45vh + 30px);overflow-y:scroll}}@media (width>=1025px){.modalP{max-width:30%;height:75vh;margin:60px auto 0}.infoP{max-height:calc(70vh + 30px);overflow-y:scroll}}#hero{width:100%;scroll-margin-top:0;position:relative;overflow:hidden}.heroPhoto{width:100%;height:auto;display:block}.heroContent{z-index:10;justify-content:space-between;align-items:flex-start;padding:15px;display:flex;position:absolute;inset:0}.tophead{color:var(--w-text);flex-direction:column;justify-content:flex-start;gap:.1rem;display:flex}.tophead h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05}.tophead h2{font-size:clamp(1.1rem,3vw,2.5rem);line-height:1.2}.buttonGhost{background:0 0;border:none;width:clamp(40px,6vw,56px);height:clamp(40px,6vw,56px)}.heroIcon{width:70%;height:70%}.headerMenu{background-color:var(--bg);z-index:9999;width:40%;color:var(--blue-focus);flex-direction:column;align-items:flex-start;gap:4px;padding-right:5px;display:flex;position:fixed;top:55px;right:0}.headerMenu button{color:var(--blue-focus);background:0 0;border:none;font-size:1rem}.headerMenu li:hover{background-color:var(--blue-focus)}.headerMenu button:hover{color:var(--w-text);padding:0 5px}.headerMenu a{color:inherit;font-size:1rem;text-decoration:none}.headerMenu a:visited{color:inherit}@media (width>=769px){.headerMenu button,.headerMenu a{font-size:1.1rem}.headerMenu{width:25%}}@media (width>=1025px){.headerMenu button,.headerMenu a{font-size:1.2rem}}#about{margin:75px 50px;scroll-margin-top:80px}#about h3{color:var(--blue-focus);font-size:1.25rem;line-height:1.3}.allAbout{flex-direction:column;gap:25px;margin:25px auto;display:flex}.allAbout img{width:75%;height:auto;margin:0 auto}@media (width>=768px){.allAbout{flex-direction:row;gap:25px;margin:10px auto;display:flex}.allAbout img{padding:30px 0}.aboutText{flex-direction:column;gap:10px;padding:10px 0;display:flex}}@media (width>=1025px){.aboutText{flex-direction:column;gap:10px;margin:30px;padding:10px 0;display:flex}}#projects{box-sizing:border-box;width:100%;margin:75px 0;padding:0 5%;scroll-margin-top:100px}#projects h3{color:var(--blue-focus)}.projectBoxes{box-sizing:border-box;flex-direction:column;gap:25px;margin:10px 0;display:flex}.selector{box-sizing:border-box;flex-direction:column;align-items:center;gap:0;padding:10px;display:flex}select{border-color:var(--blue-focus);background-color:var(--bluey-shadow);border-radius:10px;width:60%;height:40px;padding:0 10px}.projectCards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.smallCard{background-color:var(--blue-focus);color:#fff;border-radius:20px;flex-direction:column;gap:3px;padding:5%;font-size:1rem;display:flex}.smallCard img{border-radius:10px;margin-bottom:3px}.buttonCard{background-color:var(--w-text);color:#1d435c;border-radius:10px;width:100%;margin-top:auto;padding:10px;font-size:1rem;font-weight:500}.cardSTitle{text-align:left}.cardSTitle a{color:inherit;cursor:pointer;text-decoration:none}.projectModal{box-sizing:border-box;background-color:var(--blue-focus);width:98%;color:var(--w-text);border-radius:20px;margin:35px 1% 1%;padding:5px 10px}.projectModal img{border-radius:10px;width:98%;margin:5px auto;display:block}.projectModal h4,.projectModal p{margin:7px}@media (width>=769px){select{width:25%}.projectCards{grid-template-columns:repeat(auto-fit,minmax(250px,293px))}.projectModal img{margin:10px auto}.projectModal p,.projectModal h4,.projectModal h5{font-size:1.125rem}}@media (width>=1025px){select{width:20%}.projectCards{grid-template-columns:repeat(auto-fit,minmax(250px,264px))}.projectModal img{margin:15px auto}.projectModal p,.projectModal h4,.projectModal h5{font-size:1.25rem}}#competences{padding:30px 50px;scroll-margin-top:80px}#competences h3{color:var(--blue-focus)}.skillbox{color:#fff;text-align:center;border-radius:15px;margin:10% 5%;padding:10px}.tech{background-color:var(--brown-focus)}.softie{background-color:var(--blue-focus)}.iconList{grid-template-columns:repeat(2,100px);justify-content:center;gap:10px;margin:15px 0 0;list-style-type:none;display:grid}.iconId{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;width:100px;height:100px;display:flex}.iconId img{object-fit:contain;width:40px;display:block}.iconId button{background-color:var(--w-text);width:50px}.skillModal img{width:50%;margin:20px auto;display:block}.skillModal p{margin:10px 5px;font-size:1rem}.skillModal{padding:30px}@media (width>=769px){.iconList{flex-direction:row;justify-content:space-between;display:flex}.skillModal p{margin:15px;font-size:1.125rem}.skillModal img{width:25%}}@media (width>=1025px){.skillModal img{width:15%}}div{text-align:justify}#history{padding:30px 50px}#history h3{color:var(--blue-focus)}#history h4{color:#935e23;text-align:left;text-decoration:underline}#history p{padding:0 0 25px 25px}#contact{padding:30px;scroll-margin-top:80px}#contact h3{color:var(--w-text)}.contactform{background-color:var(--blue-focus);color:#fff}form{flex-direction:column;gap:10px;margin:10%;display:flex}.contactitle{color:#fff}.textbox{text-align:left;flex-direction:column;gap:5px;font-family:Nunito;display:flex}input,textarea{vertical-align:top;background-color:#fff;border-radius:5px;height:25px;padding:2.5%;font-weight:400}input::placeholder,textarea::placeholder{color:(--blue-focus)}.messagebox{height:250px;font-family:var(--nunito)}.submit{border-radius:10px;width:60%;margin:10% auto;padding:12.5px;font-size:1rem;font-weight:700}.enabled{background-color:var(--brown-focus);color:#fff}.disabled{background-color:var(--bg);color:var(--brown-focus);cursor:not-allowed;pointer-events:none}@media (width>=769px){form{margin:5% 25%}.submit{width:30%}}.closing{text-align:center;padding:1% 12.5%;font-size:13.5px}.links{flex-direction:row;justify-content:center;gap:10%;padding:10px;display:flex}.links img{width:25px}.footerMenu button,.links button{background-color:var(--bg);color:var(--blue-focus);border:none;padding:10px}.footerMenu ul{flex-direction:row;justify-content:space-between;margin:5px;padding:0;list-style:none;display:flex}.footerMenu button{min-width:44px;min-height:44px}.footerMenu button a{color:inherit;text-decoration:none}#root{width:100%;max-width:1240px;margin:0 auto}