:root{color:#fff;scroll-behavior:smooth;background:#2b2e30;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.navbar{background:var(--nav);align-items:center;padding:1rem 2rem;transition:all .3s;display:flex;position:sticky;top:0;transform:scale(1)}.navbar.blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#23262866;border-radius:32px;margin:0 auto;padding:1.25rem 2.25rem;font-size:1.25rem;top:20px;transform:scale(.8)}.navbar h1{color:var(--primary)}.navbar ul{text-align:left;justify-content:flex-end;align-items:center;gap:10px;width:100%;list-style:none;display:flex}.navbar ul li a{color:var(--secondary);text-decoration:none}.navbar ul li a:hover{color:var(--highlight)}.home{justify-content:center;align-items:center;height:100vh;margin:0 auto;font-size:36px;display:flex}.home .highlight{color:var(--highlight)}.home .container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:center;width:70%;padding:32px;display:flex}.home .container span{margin-bottom:48px}.home .container .small{text-align:center;margin-bottom:0;padding-top:48px;font-size:24px}.home .container .links{justify-content:center;gap:10px;display:flex}.home .container .links a{color:var(--secondary);text-decoration:none}.home .container .links a:hover{color:var(--highlight)}.about{max-width:70%;margin:0 auto;padding-top:2rem;font-size:32px}.about hr{border-color:var(--nav)}.about .highlight{color:var(--highlight)}.about .card{flex-direction:row;margin:48px 0;display:flex}.about .card.right{justify-content:flex-end}.about .card .text-container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:flex-start;gap:25px;width:50%;padding:32px;display:flex}.banner{background:var(--nav);text-align:center;color:var(--primary);padding:30px 0;font-size:32px}.projects{max-width:70%;margin:0 auto;padding-top:2rem;font-size:32px}.projects hr{border-color:var(--nav)}.projects .highlight{color:var(--highlight)}.projects .card{flex-direction:row;margin:48px 0;display:flex}.projects .card.right{justify-content:flex-end}.projects .card .text-container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:flex-start;gap:25px;width:50%;padding:32px;display:flex}.contact{justify-content:center;align-items:center;margin:0 auto;padding:4rem 0;font-size:36px;display:flex}.contact .highlight{color:var(--highlight)}.contact .container{background:linear-gradient(#2b2e30, #2b2e30) padding-box, linear-gradient(45deg, var(--primary), var(--secondary)) border-box;text-align:center;border:4px solid #0000;border-radius:32px;flex-direction:column;justify-content:center;width:70%;padding:32px;display:flex}.contact .container span{margin-bottom:48px}.contact .container .small{margin-bottom:0;padding-top:48px;font-size:24px}.contact .container .links{justify-content:center;gap:10px;display:flex}.contact .container .links a{color:var(--secondary);text-decoration:none}.contact .container .links a:hover{color:var(--highlight)}:root{--highlight:#7e57c2;--nav:#232628;--primary:#639;--secondary:#8864c7}