|
@@ -1,21 +1,27 @@
|
|
|
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
$Font-color: #fff;
|
|
|
$title-color: #4b515e;
|
|
|
$toggle: #9c857b;
|
|
|
$process: #6f645a;
|
|
|
+
|
|
|
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;600&display=swap");
|
|
|
@font-face {
|
|
|
font-family: 追奇手寫體;
|
|
|
src: url(./drechifont-proportional.ttf);
|
|
|
font-weight: 900;
|
|
|
}
|
|
|
-@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;600&display=swap");
|
|
|
|
|
|
|
|
|
|
|
|
$destop: 1025px;
|
|
|
|
|
|
body {
|
|
|
- height: 5000px;
|
|
|
+
|
|
|
width: 100vw;
|
|
|
|
|
|
.btn {
|
|
@@ -92,11 +98,11 @@ body {
|
|
|
background-image: url(./img/banner/003.webp);
|
|
|
}
|
|
|
}
|
|
|
- #animation1,#animation2,#animation3 {
|
|
|
+ h1{
|
|
|
padding: 15px;
|
|
|
- color: $Font-color;
|
|
|
+ color: $Font-color !important;
|
|
|
font-family: 追奇手寫體 !important;
|
|
|
- font-size: 72px;
|
|
|
+ font-size: 72px !important;
|
|
|
}
|
|
|
.btn-main {
|
|
|
box-shadow: 0 10px 9px rgba(0, 0, 0, 0.5);
|