|
|
@@ -1,8 +1,9 @@
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
|
|
|
@font-face {
|
|
|
font-family: drechifont;
|
|
|
- src: url(../drechifont-proportional.woff);
|
|
|
- font-weight: 300; }
|
|
|
+ src: url(../drechifont-Proportional.woff);
|
|
|
+ font-weight: 300;
|
|
|
+ font-display: swap; }
|
|
|
|
|
|
@font-face {
|
|
|
font-family: 'Taipei Sans TC Beta';
|
|
|
@@ -75,32 +76,21 @@ body {
|
|
|
@media screen and (max-width: 576px) {
|
|
|
.header__text-box {
|
|
|
width: 98vw; } }
|
|
|
- .header__text-box h2 {
|
|
|
- font-size: 4rem;
|
|
|
- font-family: drechifont;
|
|
|
- color: white;
|
|
|
- text-shadow: #494949 1px 0 10px;
|
|
|
- position: relative; }
|
|
|
+ .header__text-box .title__img {
|
|
|
+ width: 100%; }
|
|
|
+ .header__text-box .pen__img {
|
|
|
+ position: absolute;
|
|
|
+ width: 110px;
|
|
|
+ height: 109px;
|
|
|
+ left: 90%;
|
|
|
+ top: 44%; }
|
|
|
@media screen and (max-width: 576px) {
|
|
|
- .header__text-box h2 {
|
|
|
- font-size: 2.6rem;
|
|
|
- letter-spacing: 1px;
|
|
|
- font-weight: lighter;
|
|
|
- text-shadow: #696969 1px 0 10px;
|
|
|
- line-height: 3.4rem; } }
|
|
|
- .header__text-box h2 img {
|
|
|
- position: absolute;
|
|
|
- width: 110px;
|
|
|
- height: 109px;
|
|
|
- left: 90%;
|
|
|
- top: 44%; }
|
|
|
- @media screen and (max-width: 576px) {
|
|
|
- .header__text-box h2 img {
|
|
|
- width: 70px;
|
|
|
- height: 80px;
|
|
|
- left: 80%;
|
|
|
- top: 75%;
|
|
|
- transform: rotate(5deg); } }
|
|
|
+ .header__text-box .pen__img {
|
|
|
+ width: 70px;
|
|
|
+ height: 80px;
|
|
|
+ left: 80%;
|
|
|
+ top: 75%;
|
|
|
+ transform: rotate(5deg); } }
|
|
|
.header__polygon-box {
|
|
|
position: absolute;
|
|
|
bottom: 3%;
|
huaisianhuang
