body
	{
		background-color: burlywood;
	}

table
	{
		border-collapse: collapse;
		width: 1200px
	}

tr
	{
		background-color: lightpink;
	}

th
	{
		background-color: palevioletred;
		color: white;
	}

td, th
	{
		padding: 20px;
		text-align: center;
	}

tr:nth-child(odd)
		{
			background-color: salmon;
		}

tr:hover
	{
		background-color: lavenderblush;
	}

ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: black;
		color: beige;
		overflow: hidden;
	}

li a
	{
		text-decoration: none;
		color: white;
		display: block;
		padding: 14px 16px;
		text-align: center;
	}

li
	{
		float: left;
	}

li a: hover
	{
		background-color: lightgoldenrodyellow;
		color: black;
	}

/*css class*/

p.size20
	{
		font-size: 18pt;
		color: rgb(48, 18, 18);
	}

p.size10
	{
		font-size: 12pt;
		color: rgb(99, 80, 67);
	}

p.size30
	{
		font-size: 20pt;
		color: teal;
	}

div.kotak1
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak2
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak3
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak4
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak5
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak6
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak7
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak8
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak9
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak10
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.kotak11
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

	div.kotak12
	{
		width: 25%;
		background-color: rgb(219, 138, 169);
		height: 200px;
		float: left;
	}

div.fullwidth
	{
		width: 100vw;
		position: relative;
		margin-left: -50vw;
		margin-top: -10px;
		left: 50%;
	}

div.logo 
	{
		padding-bottom: 10px;
		width: 100px;
	}

div.menu
	{
		width: 100vw;
		float: left;
		position: relative;
		margin-left: -50vw;
		left: 50%;
	}

div.slideshow
	{
		height: 650px;
		padding: 30px;
		
	}

div.map 
	{
		height: 500px;
		padding-top: 150px;
		margin-left: 20px;
		margin-top: -100px;
	}

div.contact-kotak-1
	{
		width: 30%;

		height: 150px;
		float: left;
		padding-left: 20px;
	}

div.contact-kotak-2
	{
		width: 65%;

		height: 150px;
		float: left;
		padding: 20px;
	}

div.img-with-text
	{
		padding-top: 50px;
		margin-left: 50px;
		
	}

div.border
	{
		border-style: dotted;
		border-width: 10px;
		border-radius: 10px;
		margin-left: -40px;
		padding-left: 60px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-color: cadetblue;
	}

div.line
	{
		border-style: double;
		border-width: 10px;
		border-radius: 10px;
		padding-top: 20px;
		padding-bottom:620px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 20px;
		border-color:ivory;
	}

p
	{
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
	}

h3
	{
		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
	}