diff --git a/shiken.css b/shiken.css index 4a4b7d8..726c766 100644 --- a/shiken.css +++ b/shiken.css @@ -19,7 +19,7 @@ .b { position: absolute; - top: 250px; /* 「1日」の縦書き「農業バイト」の上の位置 */ + top: 250px; left: 50%; transform: translateX(-50%); font-size: 60px; @@ -28,22 +28,26 @@ .c { position: absolute; - top: 350px; /* 画面真ん中に縦書き */ + top: 350px; left: 50%; transform: translateX(-50%); font-size: 80px; - writing-mode: vertical-rl; /* 縦書きに設定 */ - text-orientation: upright; /* 文字の向きを正立に設定 */ + writing-mode: vertical-rl; + text-orientation: upright; white-space: nowrap; } .d { position: absolute; - top: 650px; - left: 50%; - transform: translateX(-50%); - font-size: 50px; + top: 450px; /* 「農業」の左横に斜めに配置するため調整 */ + left: 180px; /* 「農業」の左横に配置するため調整 */ + font-size: 40px; /* 文字の大きさを調整 */ + color: yellow; /* 文字色を黄色に */ + transform: rotate(-15deg); /* 斜めに配置 */ white-space: nowrap; + display: flex; + align-items: center; + gap: 10px; /* 線と文字の間のスペース */ } .e { @@ -54,3 +58,11 @@ font-size: 24px; white-space: nowrap; } + +.f { + display: inline-block; + width: 50px; /* 線の長さ */ + height: 5px; /* 線の太さ */ + background-color: yellow; /* 線の色 */ + vertical-align: middle; +}