@import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&family=Oxygen:wght@300&display=swap');

a {text-decoration: none ; font-family: 'Kdam Thmor Pro', sans-serif; color: white;}
a:hover {text-decoration: none; font-family: 'Kdam Thmor Pro', sans-serif; color: white;}
a:active {text-decoration: none; font-family: 'Kdam Thmor Pro', sans-serif; color: white; }


.nav {display: flex; align-items: center;}
.navend {flex: 2; font-size: x-large;}
.areacontainer { display: flex; width: 100%; height: auto; justify-content: center; }
.box { width: 70%; padding: 50px ; margin:  8%; margin-left: 10%; background-color: white; display: flex; font-family: 'Oxygen', sans-serif; }
.boximage { width: 20%;}
.header { color: white; font-family: 'Kdam Thmor Pro', sans-serif; flex: 15; }
.paragraph {font-family: 'Oxygen', sans-serif; font-size: medium; color: black;}
.header2 {font-family: 'Oxygen', sans-serif; color: black;}
body {background-color: slategrey; }
.largebox { width: 90%; padding: 50px ; margin:  30px; background-color: white; display: flex; font-family: 'Oxygen', sans-serif; }
.textbox {text-align: end;}
.largebox2 { width: 90%; padding: 50px ; margin:  30px; background-color: white; display: grid; font-family: 'Oxygen', sans-serif;}
.paragraph2 {font-family: 'Oxygen', sans-serif; font-size: large; color: black;}
.boximage2 { width: 20%; border: 20px; border-radius: 20px;}
.guidebox { margin-top: 60px ; margin-bottom: 60px; ;}
.video {width: 100%; height: 600px;}
.box2 { width: 70%; padding: 50px ; margin:  8%; margin-left: 10%; background-color: white; font-family: 'Oxygen', sans-serif; }
.paragraph3 {font-family: 'Oxygen', sans-serif; font-size: large; color: purple; text-decoration: underline; }
.boxarea{width: 40%; padding: 5%;}
.boxareavideo {width: 600px; height: 400px;}
.boximage3 {width: 50%; margin-left: 17%;}