*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-y:auto;scroll-behavior:smooth}body{font-family:Arial,sans-serif;background-color:#121829;color:#fff;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:20px 0;width:100%;max-width:800px;margin:0 auto;overflow-y:auto}header{background-color:#4a90e2;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:sticky;top:0;z-index:1000;width:100%}.logo{font-size:24px;font-weight:700}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{color:#fff;text-decoration:none;font-size:18px;transition:text-decoration .3s ease}nav ul li a:hover{text-decoration:underline}.content-section{margin-bottom:40px;min-height:calc(100vh - 100px)}.intro-text{text-align:center;margin-left:18vh}.image-placeholder{width:100%;max-width:270px;height:480px;margin-left:30vh;background-color:#ccc;border:2px solid #4a90e2}.intro-text,.about-text{max-width:100%}.abou{text-align:center;font-size:32px;margin-bottom:20px}.about-content{text-align:center}#contact{text-align:center;margin-bottom:19vh;padding-bottom:5vh;min-height:auto}.mail-button{display:inline-block;background-color:#4a90e2;color:#fff;padding:15px 30px;font-size:18px;text-decoration:none;border-radius:5px;margin-top:20px;margin-bottom:0;transition:background-color .3s ease}.mail-button:hover{background-color:#357abd}footer{background-color:#4a90e2;text-align:center;padding:10px 0;width:100%}footer p{color:#fff;font-size:16px}@media (min-width: 768px){.intro,.about-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.intro-text,.about-text{max-width:calc(100% - 290px)}.image-placeholder{width:270px;height:480px}.about-content{flex-direction:row-reverse}}