>
- }
+ font-family: "IBM Plex Sans Thai";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/IBMPlexSansThai-Regular.ttf");
+}
+
+@font-face {
+ font-family: "IBM Plex Sans Thai SemiBold";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/IBMPlexSansThai-SemiBold.ttf");
+}
+
+@font-face {
+ font-family: "Prompt";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/Prompt-Medium.ttf");
+}
+
+@font-face {
+ font-family: "Prompt Reg";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/Prompt-Regular.ttf");
+}
+
+@font-face {
+ font-family: "Montserrat";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/Montserrat-Medium.ttf");
+}
+
+@font-face {
+ font-family: "K2D";
+ font-style: normal;
+ font-weight: normal;
+ src: url("./assets/fonts/K2D-Light.ttf");
+}
+
+
+ion-content {
+ --ion-background-color: #111D12;
+}
ion-title {
ion-title {
- font-family:Montserrat !important;
- font-size:1.4em;
+ font-family: Montserrat !important;
+ font-size: 1.4em;
}
}
-h2{
- font-family:Prompt !important;
- font-size:1.3em;
- margin-top: 5px;
- margin-bottom: 0px;
+h2 {
+ font-family: Prompt !important;
+ font-size: 1.3em;
+ margin-top: 5px;
+ margin-bottom: 0px;
+ color: darkorange;
}
}
-h3{
- font-family:IBM Plex Sans Thai SemiBold !important;
- font-size:1.3em;
+h3 {
+ font-family: IBM Plex Sans Thai SemiBold !important;
+ font-size: 1.3em;
+ margin-top: 5px;
+ margin-bottom: 0px;
+ color: darkorange;
}
}
.head-img {
.head-img {
width: 15%;
width: 15%;
display: flex;
display: flex;
- margin-left:10px;
- margin-top:5px;
+ margin-left: 10px;
+ margin-top: 5px;
}
}
// ion-toolbar {
// ion-toolbar {
// }
// }
.toolbar-bg-color {
.toolbar-bg-color {
- --background: rgb(25, 42, 113);
- --background: linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
- --background: -moz-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
- --background: -webkit-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+ --background: url('./assets/img-static/background_982645-1-min.png') no-repeat top right / cover;
+ // --background: rgb(25, 42, 113);
+ // --background: linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+ // --background: -moz-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
+ // --background: -webkit-linear-gradient(315deg, rgb(0, 0, 0) 0%, hsla(190, 68%, 30%, 1) 100%);
}
}
+
+hr {
+ border: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+}