| | |
| | | |
| | | .header-content { |
| | | width: 100%; |
| | | height: 72px; |
| | | height: 7.8%; |
| | | padding: 0 20px; |
| | | font-size: 1.25rem; |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | img { |
| | | height: 35px; |
| | | width: 128px; |
| | | width: 10rem; |
| | | height: auto; |
| | | } |
| | | } |
| | | .title { |
| | | width: 46%; |
| | | font-size: 2rem; |
| | | font-weight: bolder; |
| | | line-height: 72px; |
| | | line-height: 7.8%; |
| | | text-align: center; |
| | | letter-spacing: 2px; |
| | | } |
| | |
| | | |
| | | .datetime { |
| | | color: #11FEEE; |
| | | font-size: 0.9rem; |
| | | } |
| | | .btns{ |
| | | display: flex; |
| | |
| | | height: 1rem; |
| | | } |
| | | div{ |
| | | margin-left: 6px; |
| | | margin-left: 0.4rem; |
| | | font-size: 0.9rem; |
| | | } |
| | | } |
| | | .themeBtn{ |
| | |
| | | } |
| | | .main-content{ |
| | | width: 100%; |
| | | height: calc(100vh - 72px); |
| | | height: calc(100vh - 7.8%); |
| | | padding: 0.4rem 1.5rem 2rem; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | |
| | | .header-content { |
| | | width: 100%; |
| | | height: 72px; |
| | | height: 7.8%; |
| | | padding: 0 20px; |
| | | font-size: 1.25rem; |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | img { |
| | | height: 35px; |
| | | width: 128px; |
| | | width: 10rem; |
| | | height: auto; |
| | | } |
| | | } |
| | | .title { |
| | | width: 46%; |
| | | font-size: 2rem; |
| | | font-weight: bolder; |
| | | line-height: 72px; |
| | | line-height: 7.8%; |
| | | text-align: center; |
| | | letter-spacing: 2px; |
| | | } |
| | |
| | | |
| | | .datetime { |
| | | color: #000; |
| | | font-size: 0.9rem; |
| | | } |
| | | .btns{ |
| | | display: flex; |
| | |
| | | height: 1rem; |
| | | } |
| | | div{ |
| | | margin-left: 6px; |
| | | margin-left: 0.4rem; |
| | | font-size: 0.9rem; |
| | | } |
| | | } |
| | | .themeBtn{ |
| | |
| | | } |
| | | .main-content{ |
| | | width: 100%; |
| | | height: calc(100vh - 72px); |
| | | height: calc(100vh - 7.8%); |
| | | padding: 0.4rem 1.5rem 2rem; |
| | | display: flex; |
| | | align-items: center; |