:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}.container{padding-inline:6em}.nav{background:#ffffff21;display:flex;justify-content:space-between;border-radius:2em;padding:.6em;position:fixed;width:90%}.nav ul{display:flex;gap:3em;align-items:center;list-style:none}.nav ul li{transition:.4s}.nav ul li:hover,.nav ul li.active{color:orange}.nav button{background-color:orange;border:none;border-radius:2em;padding:1em}.banner{padding-top:10em;display:flex;width:100%}.left-banner{width:60%;display:flex;flex-direction:column;gap:2em}.left-banner h1{font-weight:800;font-size:4em;line-height:1.1}.left-banner a{background-color:#000;padding:.5em;border-radius:2em;text-decoration:none;color:#9fa2a5;font-size:1.2em;display:flex;gap:0;width:fit-content;transition:.4s}.left-banner a:hover{gap:.5em;background-color:orange;color:#f5f5f5}.left-banner a:hover .arrow{color:#f5f5f5}.arrow{color:#9fa2a5;font-size:2em}.right-banner{width:35%}.right-banner img{width:100%}.portfolio-card{background-color:color-mix(in srgb,#1b262c,transparent 50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000001a;width:fit-content;padding:1.5em;position:absolute;right:8em;top:28em}.portfolio-card span{display:flex;justify-content:space-between;align-items:center;font-weight:800}.portfolio-card h4{font-size:3.5em}.portfolio-card .portfolio-arrow{background-color:orange;padding:.2em;border-radius:2em;color:#f0f8ff;font-size:1.5em}.portfolio-card p{color:#dcdcdc}