body{min-width:100vw}body.night-mode{background-color:#1f2e2c;color:#f5f0e1;transition:background-color .3s ease,color .3s ease}#root{display:flex;align-items:center;text-align:center;flex-direction:column}body{margin:0;font-family:Inter,sans-serif;background-color:#f6f0e5;color:#1e1e1e}.top-container{background-color:#1e3d2f;color:#fff;text-align:center;padding:60px 0;min-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-title{font-family:Playfair Display,serif;font-size:48px;font-weight:700;margin-bottom:20px}.body-photo-container{margin:30px 0}.body-photo{width:200px;height:auto;border-radius:10px;transition:transform .3s ease}.body-photo:hover{transform:scale(1.05);cursor:pointer}.top-container p{max-width:700px;margin:auto;line-height:1.6}.top-container div p{font-size:14px;margin:5px 0}.social-links a{color:#f5b52e;text-decoration:none;font-weight:700;transition:color .3s ease}.social-links a:hover{color:#fff;text-decoration:underline}.bio{padding:0 2rem}.night-mode-button{background-color:transparent;border:none;filter:invert();cursor:pointer}.button-image{max-width:2rem}@media (min-width: 500px){.button-image{margin-left:1rem}}.top-container{background-color:#1e3d2f;color:#fff}body.night-mode .top-container{background-color:#1f2e2c;color:#f5f0e1}.social-links a{color:#f5b52e}body.night-mode .social-links a:hover{color:#fff}.header-buttons{display:flex}body.night-mode .header h2{color:#f5f0e1}body.night-mode .header-link{color:#f5b52e}body.night-mode .header-link:hover{color:#fff}body.night-mode .action-button{background-color:#f5b52e;color:#1f2e2c}body.night-mode .action-button:hover{background-color:#d69e2e}.body{display:flex;justify-content:center;width:1460px;max-width:100vw}.body-holder{flex-wrap:wrap;display:flex;justify-content:center;max-width:100vw}.header{display:flex;align-items:center;width:1260px;justify-content:center;max-width:100vw;flex-wrap:wrap}.action-button:hover{transform:scale(1.1);background-color:#d3c5a6}.header h2{font-size:28px;color:#fff}.header-link{color:#f4f0e3;margin:0 12px;font-weight:700;background-color:transparent;border:none;font-size:1rem;cursor:pointer}.action-button{background-color:#f5b52e;border:none;padding:10px 16px;border-radius:20px;font-weight:700;color:#000;text-decoration:none;transition:.3s ease;transform:scale(1)}.action-button button{background-color:transparent;border:none}.body-photo2{width:190px;display:block;margin-bottom:20px;flex:1;padding:1rem}h2,h3{transform-origin:center center;transition:transform .3s ease;display:inline-block}.contact-section{display:flex;flex-wrap:wrap}.contact-details{flex:1}.coding-skill-icons{max-width:2rem;background-color:#ff0;padding:.5rem;border-radius:.5rem}.body-section{background-color:#fff;padding:3px 40px;margin:1rem;border-radius:12px;box-shadow:0 3px 8px #0000001a;align-items:center;max-width:30rem;width:30rem;text-align:left;transition:background-color .4s ease}.body-section:hover{background-color:#f59e0b;color:#fff}.body-section:hover ul{border-left:4px solid #ffffff}.body-section:hover h2,.body-section:hover h3,.project-link:hover{color:#fff}.body-section h1,.body-section h2{font-family:Playfair Display,serif;font-size:28px;margin-bottom:20px}.body-section p,.body-section li{font-size:16px;line-height:1.6}.project-link{color:#3a6e57;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#fff;text-decoration:underline}.project-link:hover{text-decoration:underline}.body-section h2:hover,.body-section h3:hover{transform:scale(1.1)}.body-section p,ul{font-size:1rem;line-height:1.6;color:#0e631b;margin-bottom:1rem;max-width:65ch}.body-section ul{position:relative;border-left:4px solid #f59e0b;padding-left:20px;margin-top:20px;list-style:none}.body-section li{position:relative;margin-bottom:30px;padding-left:10px}.body-section li:before{content:"";position:absolute;left:-11px;top:4px;width:12px;height:12px;background-color:#f59e0b;border-radius:50%;border:2px solid white}.body-section li b{display:block;color:#444;font-weight:700;margin-bottom:4px}.body-section li br+*{font-style:italic;color:#777;font-size:14px}.card-h2-night{color:#000}.card-h2-day{color:#f59e0b}body.night-mode .body-section{background-color:#2e423f;color:#f5f0e1;box-shadow:0 3px 8px #0000004d}body.night-mode .body-section:hover{background-color:#d69e2e;color:#1f2e2c}body.night-mode .body-section li b{color:#f5f0e1}body.night-mode .body-section li:before{background-color:#f5b52e}.card-h2-night{color:#f5b52e}body.night-mode .body-section p,body.night-mode .body-section li{color:#f5f0e1}.list-item{transition:ease-out .5s}.list-item:hover{background-color:#fcc550;border-radius:1rem;cursor:pointer}.lbase{transition:ease-out 1s}.long-long-text{opacity:0;max-height:0}.long-long-text-selected{opacity:1;max-height:1000px}body.night-mode .list-item:hover{background-color:#d69e2e;color:#1f2e2c}