*{ margin: 0; padding: 0; } html{ font-size: 62.5%; } body{ color: #ffffff; width: 100%; } header p.trip,p.gold,h1{ font-family: Georgia, 'Times New Roman', Times, serif; } /*-header始まり-*/ header{ background-image: url(bg-trip.png); background-size: cover; background-position:center; background-repeat:no-repeat; margin: 1rem 1rem 0; } header p.trip{ writing-mode: vertical-lr; font-size: 2rem; text-shadow: 3px 3px 2px #160909; padding: 8rem 10rem 40rem ; } /*-header終わり-*/ /*-main始まり-*/ main{ background-color: #4d0a0a; margin: 0 1rem 1rem; padding: 1rem 4rem 2rem; } p.right{ text-align: right; } p.front-h1{ font-size: 2.5rem; } h1{ font-size: 10rem; letter-spacing: 8.5rem; } p.gold{ color: #958009; font-size: 4rem; } div.flex-container{ display: flex; } div.flex-item{ width: 100%; } span.x-small{ font-size: 4rem; } h2{ font-size: 7rem; } span.white{ font-size: 3rem; color: #4d0a0a; background-color: #ffffff; } /*-main終わり-*/