.navbar-container{.MuiAppBar-root{background-color:rgba(5,5,5,.5);backdrop-filter:blur(5px);box-shadow:none;transition:background-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid hsla(0,0%,100%,.2);background-image:none!important}.MuiToolbar-root{display:flex;justify-content:space-between;width:var(--section-width);margin:0 auto}@media (max-width:1400px){.MuiToolbar-root{width:100%}}.MuiTypography-root{font-size:32px;font-weight:700;letter-spacing:-.05em}.MuiTypography-root:hover{cursor:default}.MuiButtonBase-root:hover{color:var(--blue)}.MuiButton-outlined{background-color:var(--blue)!important;border:none!important;border-radius:16px!important}.MuiButton-outlined:hover{background-color:#fff!important}.MuiBox-root{display:flex;justify-content:space-between;align-items:center;gap:8px}}.footer-container .MuiAppBar-root{background-color:transparent!important;box-shadow:none;border-top:1px solid hsla(0,0%,100%,.2);background-image:none!important;margin-top:40px}.footer-container .MuiSvgIcon-root:hover{fill:var(--blue)}.footer-container .MuiSvgIcon-root{scale:1.25}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.greetings-container{padding:200px 24px 0;display:flex;flex-direction:column;justify-content:space-between;max-width:var(--section-width);margin:0 auto;align-items:flex-start;.image-container{width:100%;height:40vh;font-size:6rem;font-weight:700;letter-spacing:-.05em;cursor:default;margin-top:-34px;z-index:100}.greeting-container{width:100%;font-size:5rem;max-width:720px;.greeting{font-family:monospace}.semibold{font-weight:500}.bold{font-weight:700}.animated-text{display:inline-block;opacity:0;animation:slideIn 2s forwards;color:var(--blue);z-index:0}}}@media (min-width:768px){.greetings-container{flex-direction:row;.image-container{width:40%}.greeting-container{width:50%}}}@media (max-width:767px){.greetings-container{padding:100px 16px 0}.image-container{display:none}.greeting-container{font-size:3rem;text-align:center}}.work-container{padding:120px 24px 0;max-width:var(--section-width);margin:0 auto;h2{font-size:2rem;text-align:center;margin-bottom:40px;font-weight:500}.work-cards-container{.MuiContainer-root{margin:36px 0;padding:4px;border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.4);border-radius:12px;background-color:rgba(0,0,0,.1)}img{border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:240px;width:480px;transition:transform .3s ease-in-out}img:hover{transform:scale(1.05)}.work-card-content{display:flex;flex-direction:column;justify-content:space-between;height:280px;.work-card-title{font-size:1.5rem;margin-bottom:16px}.work-card-description{flex-grow:1;margin-bottom:16px}.work-card-technologies-container{h3{font-size:1.25rem;margin-bottom:8px}ul{display:flex;flex-wrap:wrap;gap:8px;li{padding:4px 8px 4px 0;border-radius:4px;font-size:.875rem}}li:hover{font-weight:500;cursor:default}}.work-card-actions{display:flex;justify-content:flex-end;.MuiButtonBase-root{margin-left:8px}}}}}@media (max-width:768px){.work-container{padding:60px 16px 0;h2{font-size:1.5rem;margin-bottom:20px}.work-cards-container{img{display:none}.work-card-content{height:auto;padding-left:0!important;.work-card-title{font-size:1.25rem}.work-card-description,.work-card-title{margin-bottom:12px}.work-card-actions{justify-content:center;.MuiButtonBase-root{margin-left:4px}}}}}}@media (max-width:480px){.work-container{padding:40px 8px 0;h2{font-size:1.25rem;margin-bottom:16px}.work-cards-container{img{height:150px}.work-card-content{.work-card-title{font-size:1rem}.work-card-description,.work-card-title{margin-bottom:8px}.work-card-actions{.MuiButtonBase-root{margin-left:2px}}}}}}.about-container{padding:120px 24px 0;display:flex;flex-direction:column;justify-content:space-between;max-width:var(--section-width);margin:0 auto;align-items:flex-start}.about-container p{font-size:1.2rem;line-height:1.5;margin-top:24px;text-shadow:0 0 6px rgba(0,0,0,.75);font-weight:300}@media (max-width:768px){.about-container{padding:60px 16px 0;flex-direction:column;align-items:center;text-align:center}.about-container p{font-size:1rem;margin-top:16px}}.contact-container{.MuiTypography-root{margin-top:80px;text-align:center}}