*{margin:0;padding:20px;box-sizing:border-box}:root{--primary: #183c51;--secondary: #716d08;--accent: #fcca46;--neutral: #a1c181;--muted: #366552;--light: #cbc6b7;--dark: #1a1a1a}body{font-family:Trebuchet MS,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--dark);background-color:var(--light);scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0;font-size:1rem;line-height:1.5}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--accent)}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:10px 10%;display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);box-shadow:0 5px 35px #92ccce66;color:var(--light)}header h1{color:var(--light);background-color:var(--secondary);padding:5px 10px;font:size 3.5rem}header nav a{color:var(--light);padding:10px 15px;font-size:1.3rem;transition:background-color .3s ease}header nav a:hover{background-color:var(--accent);color:var(--primary)}.footer{position:relative;bottom:0;width:100%;background-color:var(--primary);color:var(--light);text-align:center;padding:10px}.footer__content p{margin:0;font-size:.9rem}.footer .social__links{display:flex;justify-content:center;gap:15px;margin-top:20px}.footer .social__links a{color:var(--accent);font-size:1.2rem;transition:all .3s ease-in-out}.footer .social__links a:hover{color:var(--secondary)}.section{margin:25px 0;padding:10px 0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}.section>h2{flex:0 0 20%;text-align:right;padding-right:15px;border-right:4px solid var(--primary);font-size:4vw;line-height:1.1}.section>div{flex:0 0 77%}.section p{margin-bottom:20px}.about-me{background-image:url(/assets/images/infodesk5.JPG);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--light);text-align:center;padding:80px 20px 20px}.about-me__content{background-color:#090000b3;padding:20px;max-width:80%;font-size:1.3rem;text-align:center;color:var(--light);position:relative}.about-me__content:before,.about-me__content:after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgb(172,153,42);z-index:1}.about-me__content:before{top:-5px;right:-5px;border-left:none;border-bottom:none}.about-me__content:after{bottom:-5px;left:-5px;border-right:none;border-top:none}.about-me__image{position:absolute;top:80px;left:20px;width:150px;height:160px;border-radius:50%;z-index:10}#portfolio{margin:20px 0}.portfolio{text-align:center;padding:20px}.portfolio_container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.portfolio__item{width:500px;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:10px}.portfolio__item h3{font-size:2rem;margin-bottom:10px;color:var(--accent)}.portfolio__item:hover{transform:scale(1.05);transition:transform .3s ease}.github-icon{width:90px;height:90px;object-fit:contain;cursor:pointer}.github-icon:hover{transform:scale(1.1);transition:transform .3s ease}.deployed-link{font-size:1.8rem;color:var(--primary);font-weight:600;padding:5px 10px;border-radius:4px;margin-top:10px;transition:color .3s ease}.portfolio__item:hover .deployed-link{color:var(--neutral)}.weather-dashboard{background-image:url(/assets/images/new-weather-cap.png);background-position:center}.employee-tracker{background-image:url(/assets/images/employeetracker.png)}.portfolio-early{background-image:url(/assets/images/portfolio-early.jpg);background-position:center top}.aqua-buddy{background-image:url(https://images.pexels.com/photos/327090/pexels-photo-327090.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1)}.seo-optimization{background-image:url(/assets/images/SEO-HTML-Live.jpg);background-position:center bottom}.payroll-tracker{background-image:url(/assets/images/payroll-tracker.jpg);background-position:center bottom}.contact__content{display:flex;align-items:flex-start;justify-content:space-between;gap:640px}.contact__content p{flex:1;margin:0;font-size:1.2rem}.contact__form{flex:1;max-width:500px;padding:20px;border-radius:8px;background-color:var(--primary);color:var(--dark);position:relative;margin:380px 0 0 -575px}.contact__form h2{text-align:center;margin-bottom:20px}input[type=text],input[type=email],textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;margin:6px 0 12px}input[type=submit]{background-color:var(--secondary);color:var(--muted);padding:12px 20px;border:none;border-radius:4px;cursor:pointer}.contact__form input[type=text]:hover,.contact__form input[type=email]:hover,.contact__form textarea:hover{border-color:var(--accent);background-color:#c3c2c2;transition:all .3s ease}input[type=submit]:hover{background-color:var(--accent)}.contact__form button{background-color:var(--secondary);color:var(--light);padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease}.contact__form button:hover{background-color:var(--accent);color:var(--dark)}.contact-image{background-image:url(/assets/images/contactbig3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--light);text-align:center;padding:20px}.resume{background-image:url(/assets/images/flat-lay-desk.avif);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;font-size:1.2rem;line-height:1.8}.resume h2{font-size:2.5rem}.resume p{font-size:1.5rem}.error{color:#c03030e7;font-weight:700;font-size:.9rem;margin-top:5px;display:block}@media (max-width: 768px){.flex-item{flex-basis:100%}.social__links{flex-direction:column;align-items:center}.contact__form{margin:20px auto}.contact__content{flex-direction:column;align-items:center}.contact__content p{text-align:center;margin-bottom:20px}.contact__form{width:100%;max-width:none}.flex-item{flex:1 1 calc(50% - 20px)}body{font-size:14px}.portfolio-item{flex-direction:column}header{flex-direction:column;align-items:center;padding:10px}header nav{display:flex;flex-direction:column;align-items:center;gap:10px}header nav a{padding:10px 0;font-size:1.2rem}body{margin-top:110px}}@media (max-width: 480px){.section>h2{font-size:7vw;text-align:left;border-right:none;border-bottom:4px solid var(--primary);margin-bottom:20px}.flex-item{flex:1 1 100%}}