style.css (740B)
1 :root { 2 --pirimary-color: whitesmoke; 3 } 4 body { 5 font-family: Noto Sans JP; 6 color: var(--pirimary-color); 7 background-color: black; 8 padding-left: 4rem; 9 padding-right: 4rem; 10 } 11 12 header { 13 margin-bottom: 5rem; 14 border-bottom: solid 1px #444; 15 } 16 17 header a { 18 text-decoration: none; 19 color: var(--pirimary-color); 20 } 21 22 .header-left { 23 text-align: left; 24 } 25 .header-right { 26 display: flex; 27 justify-content: flex-end; 28 } 29 .header-right a { 30 padding: 1rem; 31 } 32 33 .text-center { 34 text-align: center; 35 } 36 37 .no-text-decoration { 38 text-decoration: none; 39 color: var(--pirimary-color); 40 } 41 42 article { 43 border-bottom: solid 1px #222; 44 } 45 46 footer { 47 margin: 3rem; 48 text-align: center; 49 color: #858585; 50 }