body{margin:0;font-size:clamp(1.5rem,3vw + 1.5rem,2.5rem);background-color:#e1d0b3}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.navigation-container{position:fixed;top:2rem;right:2rem;border:1px solid #703B3B;padding:.5rem .8rem;border-radius:5px;background-color:#e1d0b3cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.navigation-list{display:flex;flex-direction:row;list-style:none;gap:1.2rem;margin:0;padding:0}.navigation-item{font-size:.8em;font-family:Google Sans Code,sans-serif;font-weight:400;transition:transform .3s ease-out;color:#703b3b;cursor:pointer}.navigation-item:hover{transform:scale(1.1);color:#a11d1d}.navigation-link{text-decoration:none;color:inherit}.about-me-card{display:flex;flex-direction:column;height:68vh;width:90vw;max-width:1200px;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;background-color:#fffaf0;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.card-text-content,.card-media-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:600px}.card-text-content h2{font-size:1.6em;font-family:Google Sans Code,sans-serif;color:#703b3b;margin-bottom:1rem}.card-text-content p{font-size:.9em;font-family:Google Sans Code,sans-serif;line-height:1.6}.card-media-content img,.card-media-content video{max-width:100%;max-height:400px;height:auto;border-radius:10px;object-fit:cover}@media (min-width: 768px){.about-me-card{flex-direction:row;gap:2rem;width:80vw;height:64vh;max-height:560px}.about-me-card.right{flex-direction:row-reverse}.card-text-content{align-items:flex-start;text-align:left}.card-media-content{align-items:center}}.about-section-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.about-section-container::-webkit-scrollbar{display:none}.card-container{font-size:.4em;height:100vh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;background-color:#e1d0b3}.card-container:nth-child(odd){background-color:#f0e6d2}.chevron{position:fixed;right:2rem;z-index:100;background-color:#0006;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:background-color .3s}.chevron:hover{background-color:#000000b3}.chevron-up{top:50%;transform:translateY(-45px)}.chevron-down{top:50%;transform:translateY(5px)}