:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #198bb1;--secondary: #8c4210;--tertiary: #556b2f3e;--quaternary: #f5f5cc;--light: #ffffff;--dark: #242424;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--secondary);text-decoration:inherit}a:hover{color:var(--primary)}.header{background-image:url(/assets/YS1-ylA4Ew9M.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-left:75px;display:flex;justify-content:space-between;align-items:center;height:25vh;width:auto}.header h1{font-size:4rem;padding:10px;color:var(--secondary);text-shadow:2px 2px 4px #000000}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.nav-home{list-style-type:none;padding:10px 100px 10px 0;display:flex}.nav-icon{font-size:1.75rem;margin:0;padding:0 20px}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--primary);text-shadow:1px 1px 4px #000000;border:1px solid transparent;border-radius:.25rem;transition:all .25s ease-in-out}.nav-link:hover{background-color:var(--dark);color:var(--primary);text-shadow:1px 1px 4px #000000;border-radius:50px}.nav-link.active{color:var(--secondary);text-shadow:none;background-color:var(--dark);border-radius:50px}.home h1{font-size:3.5em;margin-top:20px;color:var(--quaternary);text-align:center;text-shadow:2px 2px 4px #000000}.home p{font-size:1.2em;color:var(--quaternary);margin:20px;text-align:center}.project{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px;padding:20px}.project-image{width:100%;height:auto;border-radius:8px;transition:transform .3s ease}.project-content{background:#3d3d32;color:#fff;padding:20px;border-radius:8px;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px;width:100%;max-width:650px}.project-content h2{margin-top:0;font-size:1.5em;color:var(--primary)}.project-content a{display:block;max-width:100%;height:auto;border-radius:8px;margin-top:15px;transition:transform .3s ease}.project-content a:hover{transform:scale(1.05)}.project-description{display:flex;flex-direction:column;align-items:center;text-align:left}.project-description p{margin:10px 0;font-size:1.1em;color:#ccc}.project-description a{display:inline-block;margin-top:10px;text-decoration:none;color:#fff;background-color:var(--secondary);padding:.5em 1em;border-radius:4px;transition:background-color .3s ease;text-align:center}.project-description a:hover{background-color:var(--secondary)}.projects-container{display:grid;grid-template-columns:repeat(2,minmax(600px,1fr));gap:10px;margin:10px auto;max-width:1600px;padding:0 20px}.portfolio-page{background-color:#1a1a1a;color:#fff;padding:40px;border-radius:8px;margin:20px auto;max-width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.portfolio-page h1{font-size:3.2em;margin-bottom:20px;text-align:center;color:var(--primary)}.portfolio-page p{color:var(--quaternary)}body{background-color:var(--background-color, #242424);color:var(--color, rgba(255, 255, 255, .87))}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.social-icons{display:flex;gap:10px;justify-content:center;margin-top:20px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;font-size:2rem;width:50px;height:50px;border-radius:50%;background-color:#1a1a1a;color:var(--quaternary)}.social-icons a:hover{background-color:var(--secondary);color:#fff}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:8px auto -webkit-focus-ring-color}.aboutMe{background-color:#1a1a1a;color:#fff;padding:40px;border-radius:8px;margin:20px auto;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.aboutMe h1{flex:1 1 55%;text-align:left;order:-2;color:var(--primary)}.aboutMe h2{font-size:2em;text-align:right;margin:0;color:var(--primary);order:-2}.aboutMe p{flex:1 1 40%;text-align:justify;margin:0 20px;border-right:6px groove var(--primary);padding-right:20px;display:flex}.aboutMeDetails{display:flex;flex-wrap:wrap;gap:20px}.aboutMeDetails p{color:var(--quaternary);order:-1;margin:20px}.aboutMe-image-container{flex:0 0 auto;gap:"20px";border-radius:20px;height:340px;width:auto;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExMWYxbGJpZXQ3cGFpcXNwNnV4NWZ3cGVkanJndnlueDM1MW82dDY1ZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/tuQgrAx08jfj2/giphy.gif)}.aboutMe-Image-Filler{flex:1;height:300px;width:700px;background-image:url(https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExMWYxbGJpZXQ3cGFpcXNwNnV4NWZ3cGVkanJndnlueDM1MW82dDY1ZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/tuQgrAx08jfj2/giphy.gif);border:10px solid black;box-shadow:0 4px 10px #00000080;border-radius:100px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;margin:0 auto}.aboutMe-proficiencies{order:0;flex:1;margin:0}.proficiencies-list{order:0;flex:1;margin:0;flex:1 1 35%;list-style-type:none;padding:0}.proficiencies-list li{font-size:1.25rem;margin-bottom:10px;display:flex;align-items:center;text-align:center;color:var(--quaternary)}.proficiencies-list li svg{margin-right:10px}.contact-page{background-color:#1a1a1a;color:var(--quaternary);padding:40px;border-radius:8px;margin:0 20px 0 0 auto;max-width:100%;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.contact-page button{color:var(--quaternary)}.contact-page-box{width:400px;padding:10px;margin-bottom:20px;border:1px solid --dark;text-align:left;border-radius:4px;background-color:var(--dark);color:var(--quaternary)}.contact-page-box input,.contact-page-box textarea{width:100%;padding:10px;margin-top:10px;border:none;border-radius:4px;background-color:var(--dark);color:var(--light);font-size:1em;align-items:right;box-sizing:border-box}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:20px;position:relative;bottom:0;width:auto}@media (max-width: 1070px){body{flex-direction:column;align-items:center}h1{font-size:2.5em}button{width:100%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 1024px){.nav-container{flex-direction:row;gap:20px}.nav-left,.nav-right{flex-direction:column;gap:10px;align-items:center}.nav-center{margin:0 10px}}@media (max-width: 768px){.home{flex-direction:column;align-items:center;gap:20px}.home p{margin-top:20px;text-align:center}.portfolio-page{grid-template-columns:1fr}.nav-left{margin-right:10px}.nav-right{margin-left:10px}}@media (max-width: 425px){.content{padding:0 0 40px;margin-top:-40px}.app-container:before,.app-container:after{width:10px}.nav-container{flex-direction:row;justify-content:space-between;padding:4px 2px;min-height:40px;margin-top:-30px}.nav-center{order:1;justify-content:flex-start;flex:none}.nav-logo{width:110px;height:auto}.nav-link{font-size:.85rem;padding:4px 8px}.nav-left,.nav-right{flex-direction:column;align-items:flex-end;gap:6px}.nav-right{order:2;margin-left:-20px;align-items:flex-start}.nav-left{order:0;margin-right:-20px}}