*{margin:0;padding:0;box-sizing:border-box}body{font-family:Crimson Text,serif;background-color:#f7f7f7;margin:0;padding:0}.app{overflow-x:hidden}.bg{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:color .5s ease,background .5s ease}.hero h1{font-size:clamp(40px,7vw,140px);background:#00000080;padding:20px;border-radius:10px;transition:background .5s ease}.scroll-down,.scroll-up{position:absolute;font-size:50px;cursor:pointer;color:#fff;animation:bounce 2s infinite}.scroll-down,.scroll-up{bottom:20px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.about-section{padding:50px;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:left;background-color:#80808080;position:relative}.about-content{display:flex;align-items:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 8px 16px #0000001a;transition:background-color .5s ease,color .5s ease}.headshot{width:250px;height:auto;border-radius:10px;margin-right:30px}.about-text{max-width:500px}.about-text h2{font-weight:600;font-size:2rem;margin-bottom:10px}.about-text p{font-weight:400;font-size:1.2rem;line-height:1.6;color:#333;margin-bottom:15px;transition:color .5s ease}.night-mode .about-section{background-color:#333}.night-mode .about-content{background-color:#444;color:#fff}.night-mode .about-text p{color:#ddd}.projects-section{padding:50px;background-color:#f0f0f0;min-height:100vh;position:relative}.projects-section h2{text-align:center;margin-bottom:20px;font-size:2rem;font-weight:600;padding-bottom:20px;border-bottom:2px solid #007bff;width:fit-content;margin-left:auto;margin-right:auto}.projects-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;width:300px}.project h3{margin-bottom:10px}.project .languages{margin-bottom:15px}.language-logo{height:30px;width:30px;margin:0 5px}.project a{color:#007bff;text-decoration:none}.project a:hover{text-decoration:underline}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#333}input:checked+.slider:before{transform:translate(26px)}.sun,.moon{position:absolute;left:4px;bottom:4px;height:26px;width:26px;font-size:18px;line-height:26px;text-align:center;color:#f5b042;transition:.4s}input:checked+.slider .moon{transform:translate(26px)}input:not(:checked)+.slider .sun{display:block}input:checked+.slider .sun{display:none}input:checked+.slider .moon{display:block}.night-mode{background-color:#1e1e1e;color:#fff}.night-mode .bg{background-color:#333}.night-mode .hero{color:#fff}.night-mode .hero h1{background:#333}.night-mode .projects-section{background-color:#333}.night-mode .project{background-color:#555}.night-mode .scroll-down,.night-mode .scroll-up{color:#fff}.social-buttons{margin-top:20px}.social-link img{width:30px;height:30px;margin-right:15px;transition:transform .3s ease}.social-link img:hover{transform:scale(1.2)}.languages{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;gap:10px}.languages i{font-size:min(6vw,50px);margin-right:10px}.project{max-width:350px;width:100%;margin:10px auto}