body{
	background: #000;
	color: #00ff66;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main{
flex:1;
}

/* NAVBAR */

.navbar{
border-bottom:1px solid #111;
padding:15px 30px;
}

.nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1000px;
margin:auto;
}

.brand{
display:flex;
align-items:center;
gap:10px;
}

.logo{
width:36px;
}


.nav-links a{
margin-left:18px;
color:#4ea1ff;
text-decoration:none;
}

.nav-links a:hover{
text-decoration:underline;
}

/* MAIN LAYOUT */

.container{
display:flex;
max-width:1000px;
margin:40px auto;
}

/* LEFT PHOTO */

.image-area{
	width: 320px;
	color: #FFE1F0;
	font-family: Arial, Helvetica, sans-serif;
}

.image-area img{
width:100%;
}

/* RIGHT CONTENT */

.content-area{
	flex: 1;
	background: #f3d9e1;
	padding: 40px;
}

.content-area h2{
margin-top:0;
}

.contact-section{
display:flex;
justify-content:center;
padding:60px 20px;
}

.contact-container{
display:flex;
text-align:left;
gap:30px;
max-width:900px;
width:100%;
margin:auto;
}
.about-text h2{
	color: #333;
}

.about-text p{
	color: #000;
}

html, body {
height: 100%;
}

footer{
border-top:1px solid #111;
padding:20px;
text-align:center;
margin-top:auto;
}
.container .image-area p {
	font-size: 12px;
}