@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Fira Sans', sans-serif;
	colour: #000000;
    margin: 0;
    padding: 0;
}

.section {
    padding: 20px;
    width: 100%; 
    box-sizing: border-box; 
}

.section-1, .section-3 {
    background-color: #BEC6A0; 
}

.section-2, .section-4 {
    background-color: #FEF3E2; 
}

h1, h2, h3 {
    font-family: 'Kanit', sans-serif;
	color: #000000;
}

img {
    display: block;
    margin: 10px auto;
}

.flex-container {
    display: flex;
    justify-content: center; 
    align-items: center;
}

.header {
    align-items: center;
}

.profile-pic {
    flex: 1;
    text-align: center;
}

.header-content {
    flex: 2;
    text-align: center;
}

.additional-info {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.info-item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.info-item img {
    margin-right: 5px;
}

.left, .right {
    width: 45%;
    text-align: center;
}

.divider {
    width: 3px;
    background-color: #000000;
    height: 300px; 
}

.education-container {
    display: inline-block;
    background-color: #BEC6A0;
    padding: 20px;
    margin: 10px;
}
	
.section-2 {
    text-align: center; 
}

.flex-container.section-2 {
    justify-content: center; 
    flex-wrap: wrap; 
}

.section-4 {
    display: flex;
    flex-direction: column;
    align-items: center; 
    padding: 20px; 
}

.contact-item {
    display: flex;
    align-items: center; 
    justify-content: center; 
    margin: 10px 0; 
}

.section-4 img {
    width: 24px; 
    height: 24px;
    margin-right: 10px; 
}

.section-4 p {
    margin: 0; 
}