@charset "utf-8";
html {
	scroll-behavior: smooth;
	scroll-padding-top: 120px;
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	
}

body {
	background-color: rgba(0,1,31,1.00);
	margin: 2px;
	font-family: "Cuprum", sans-serif;
}


.navi {
	display: flex;
	list-style: none;
	justify-content: center;
	align-content: center;
	padding: 2% 3% 2%;
	gap: 3%;
}
.icon{
	margin-left: 50%
}
.navi a:link, a:visited {
	color: rgba(252,59,54,1.00);
}
.navi a:link, a:active, a:hover {
	color: rgba(254,233,150,1.00); 
	text-decoration: none;
	font-size: 2em;
	font-family: "League Gothic", sans-serif;
}
.navi{
	color: rgba(254,233,150,1.00);
	border-bottom: 2px dashed rgba(254,233,150,1.00);
	border-width: 5px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.row {
	display: flex;
	min-width: 90%;
	margin: auto;
	gap: 1%;
	justify-content: center;
	alignt-content: center;
	padding: 2%;
}

.column {
	min-width: 30%;
	min-width: 450px;
	padding: 3%;
	
}
@media only screen and (max-width:996px) {
	html {
		scroll-behavior: smooth;
		scroll-padding-top: 120px;
	}
	.row {
		display: block;
	}
	.center {
  		display: block;
 		 margin-left: auto;
 		 margin-right: auto;
	}
}


#p1{
	color: rgba(254,233,150,1.00);
	font-family: "Cuprum", sans-serif;
	font-size: 2.5em;
	margin-left: 10%;
	margin-right: 10%;
}
#h1 {
	color: rgba(233,141,68,1.00);
	font-family: "League Gothic", sans-serif;
	font-weight: 400;
	font-size: 6em;
	margin-top: -6%;
}

.contact {
    min-height: 30px;
    display: flex;
    padding-top: 2px;
    padding-bottom: 2px
}
.social {
	font-family: "Cuprum", sans-serif;
	font-size: 35px;
	margin-left: 7%;
	margin-top: 4px;
	color: rgba(233,141,68,1.00);
}

 .insta a:link {
	color: rgba(233,141,68,1.00);
}

#insta {
	font-family: "League Gothic", sans-serif;
}
#insta a:hover {
	color: rgba(254,233,150,1.00);
}

#phone {
	font-family: "League Gothic", sans-serif;
}
#phone a:hover {
	color: rgba(254,233,150,1.00);
}

#email {
	font-family: "League Gothic", sans-serif;
}
#email a:hover {
	color: rgba(254,233,150,1.00);
}


#skill {
	margin-left: 10%;
	margin-right: 10%;
	
}
h2 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 4em;
	font-weight: 500;
	color: rgba(0,1,31,1.00);
	background-color: rgba(233,141,68,1.00);
	padding: 10px;
}
#table{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 200px;
  background-color: #00011F;
  border: solid 5px rgba(233,141,68,1.00);
  border-bottom: dashed 13px rgba(233,141,68,1.00);
}

.skillinfo{
	font-family: "Cuprum", sans-serif;
}
h3 {
	color: rgba(233,141,68,1.00);
	font-size: 2.5em;
	margin: 2%
}
.languege {
	color: rgba(254,233,150,1.00);
	font-size: 2em;
	margin: 2%;
}
#english::after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background:url("image/Bars-01.png");
	background-size: contain;
	float: inherit;
	margin-left: 10px;
}
#chinese::after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background:url("image/Bars-02.png");
	background-size: contain;
	float: inherit;
	margin-left: 10px;
}
#malay::after {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background:url("image/Bars-03.png");
	background-size: contain;
	float: inherit;
	margin-left: 10px;
}
.designs {
	color: rgba(254,233,150,1.00);
	font-size: 2em;
	margin: 2%;
}
#table2 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 200px;
  background-color: #00011F;
  border: solid 5px rgba(233,141,68,1.00);
  border-top: none rgba(0,1,31,1.00);
}
.outskill1 {
	color: rgba(254,233,150,1.00);
	font-size: 2.4em;
	margin: 2%;
	margin-right: 10%;
}
.outskill2 {
	color: rgba(254,233,150,1.00);
	font-size: 2.4em;
	margin: 2%;
	margin-left: 10%;
}
#experience {
	margin-left: 10%;
	margin-right: 10%;
}
#education {
	margin-left: 10%;
	margin-right: 10%;
}
h4 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 4em;
	font-weight: 500;
	color: rgba(0,1,31,1.00);
	background-color: rgba(254,233,150,1.00);
	width: 300px;
	padding: 10px;
	padding-left: 3%;
	float: left;
	margin-bottom: 3%;
}
#table3 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 200px;
  background-color: #00011F;
  border: solid 5px rgba(254,233,150,1.00);
}
.textexp1 {
	color: rgba(254,233,150,1.00);
	font-size: 3em;
	margin: 2%;
}
hr {
	border: none;
	height: 1px;
	background-color: rgba(254,233,150,1.00);
	margin-left: 5%;
	margin-right: 5%;
}
.textexp2 {
	color: rgba(254,233,150,1.00);
	font-size: 1.8em;
	margin: 2%;
	margin-left: 10%;
	margin-right: 10%;
}

h5 {
	font-family: "League Gothic", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 4em;
	font-weight: 500;
	color: rgba(0,1,31,1.00);
	background-color: rgba(254,233,150,1.00);
	width: 300px;
	padding: 10px;
	padding-right: 3%;
	float: right;
	margin-bottom: 3%;
}
#table4 {
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 10%;
  width: 100%;
  height: 200px;
  background-color: #00011F;
  border: solid 5px rgba(254,233,150,1.00);
}
.textexp3 {
	color: rgba(254,233,150,1.00);
	font-size: 3em;
	margin: 2%;
	margin-right: 10%;
	font-weight: 700;
}
.textexp3::after{
	content: "";
	display: inline-block;
	width: 2px;
	height: 300px;
	background-color: rgba(254,233,150,1.00);
	margin-left: 2%;
	margin-top: 0%;
	margin-bottom: 2%;
	
	float: right;
}
.textexp4 {
	color: rgba(254,233,150,1.00);
	font-size: 2.5em;
	margin: 2%;
	margin-left: 5%;
	margin-right: 10%;
}
.textexp5 {
	color: rgba(254,233,150,1.00);
	font-size: 1.8em;
	margin: 2%;
	margin-left: 10%;
	margin-right: 10%;
}
#endline {
	color: rgba(254,233,150,1.00);
	border-bottom: 2px dashed rgba(254,233,150,1.00);
	border-width: 5px;
	margin-bottom: 4%;
}
#copyr {
	font-family: "Cuprum", sans-serif;
	color: rgba(254,233,150,1.00);
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}
#insta2 {
	font-family: "League Gothic", sans-serif;
	float: left;
	margin-left: 35%;
	margin-right: 3%;
}
#insta2 a:hover {
	color: rgba(254,233,150,1.00);
}
#phone2 {
	font-family: "League Gothic", sans-serif;
	float: inherit;
	margin-right: 3%;
}
#email2 {
	font-family: "League Gothic", sans-serif;
	float: inherit;
}