html,body{
	width:100%;
	height:100%;
	margin:0;
	font-family: "Kanit-ExtraLight";
	padding: 0;
	}

a{
	text-decoration:none;
	}

@font-face{
	font-family: "Kanit-ExtraLight";
    src: url('../font/Kanit-ExtraLight.ttf');
    }
@font-face{
	font-family: "Comfortaa-VariableFont_wght";
    src: url('../font/Comfortaa-VariableFont_wght.ttf');
    }

@font-face{
	font-family: "RobotoSlab-Regular";
    src: url('../font/RobotoSlab-Regular.ttf');
    }
@font-face{
	font-family: "Anton-Regular";
    src: url('../font/Anton-Regular.ttf');
    }

@font-face{
	font-family: "YsabeauSC-Medium";
    src: url('../font/YsabeauSC-Medium.ttf');
    }

@font-face{
	font-family: "TitilliumWeb-Light";
    src: url('../font/TitilliumWeb-Light.ttf');
    }

@font-face{
	font-family: "Afacad-VariableFont_wght";
    src: url('../font/Afacad-VariableFont_wght.ttf');
    }

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: blue;    /* color of the scroll thumb */
  border-radius: 10px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}