.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;z-index:9999}.loader-name{font-size:3rem;font-weight:500;display:flex}.container,.loader-name{font-family:var(--font-geist-sans)}.container{padding:40px;color:#111;box-sizing:border-box}.h1{font-size:2rem;font-weight:500}.h1,.p{margin:0}.p{font-size:1.25rem;color:#ddd}.nav{margin:20px 0;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #000}.nav ul{display:flex;list-style:none;padding:0;margin:0;gap:20px}.nav ul li{color:#ddd;cursor:pointer;transition:color .3s ease}.nav ul li.active-about .strong{color:#000}.nav ul li.active-skills .strong{color:#3b82f6}.nav ul li.active-projects .strong{color:#22c55e}.nav ul li.active-socials .strong{color:#8b5cf6}.strong{font-weight:500}.main{padding-top:20px}.infoRow{display:flex;margin-bottom:10px}.infoLabel{font-weight:500;width:150px;flex-shrink:0}.infoValue{color:#ddd}.project-item{justify-content:space-between;padding:20px 0;border-bottom:1px solid #ddd;text-decoration:none;color:inherit}.project-content,.project-item{display:flex;align-items:center}.project-content{gap:1em}.project-title{font-weight:500;font-size:1.1rem;transition:color .3s ease}.project-description{color:#ddd;transition:color .3s ease}.project-item:hover .project-title{color:var(--project-color)}.project-item:hover .project-description{color:var(--project-color-light)}.project-item:first-child{padding-top:0}.project-arrow{flex-shrink:0;display:none}@media (min-width:768px){.project-arrow{display:block}}.project-arrow-link{display:flex;align-items:center}.social-link{text-decoration:none;color:inherit;transition:color .3s ease}.social-link:hover{color:#111}