(46 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | ||
− | <style> | + | <style> |
+ | |||
+ | html{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
p{ | p{ | ||
width: 100%; | width: 100%; | ||
Line 32: | Line 37: | ||
margin-right: auto; | margin-right: auto; | ||
height: auto; | height: auto; | ||
− | font-size: 3. | + | font-size: 3.25em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 300; | font-weight: 300; | ||
Line 40: | Line 45: | ||
.littletitle { | .littletitle { | ||
+ | width: 100%; | ||
+ | color: #BC818D; | ||
+ | margin-left: 0%; | ||
+ | height: auto; | ||
+ | font-size: 1.5em; | ||
+ | font-family: Trebuchet MS; | ||
+ | font-weight: 550; | ||
+ | } | ||
+ | |||
+ | section>h1 { | ||
width: 100%; | width: 100%; | ||
color: #BC818D; | color: #BC818D; | ||
Line 58: | Line 73: | ||
padding-top: 13%; | padding-top: 13%; | ||
text-align: center; | text-align: center; | ||
− | line-height: 1. | + | line-height: 1.7em; |
} | } | ||
.content { | .content { | ||
− | word-break: | + | word-break: normal; |
− | word-wrap:break-word; | + | word-wrap: break-word; |
width: 85%; | width: 85%; | ||
color: #262626; | color: #262626; | ||
Line 78: | Line 93: | ||
margin-left: 3%; | margin-left: 3%; | ||
margin-right: 3%; | margin-right: 3%; | ||
+ | margin-bottom: 5%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 84: | Line 100: | ||
margin-right: 7%; | margin-right: 7%; | ||
margin-left: 7%; | margin-left: 7%; | ||
− | width: | + | width: 25%; |
} | } | ||
Line 90: | Line 106: | ||
margin-right: 3%; | margin-right: 3%; | ||
margin-left: 3%; | margin-left: 3%; | ||
− | width: | + | width: 25%; |
} | } | ||
Line 216: | Line 232: | ||
{ | { | ||
pre{ | pre{ | ||
− | + | width: 100%; | |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 251: | Line 267: | ||
margin-bottom: 5%; | margin-bottom: 5%; | ||
height: 15%; | height: 15%; | ||
− | font-size: 1. | + | font-size: 1.3em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 400; | font-weight: 400; | ||
Line 259: | Line 275: | ||
.littletitle { | .littletitle { | ||
+ | letter-spacing: 0.03em; | ||
width: 100%; | width: 100%; | ||
color: #BC818D; | color: #BC818D; | ||
margin-left: 0%; | margin-left: 0%; | ||
height: auto; | height: auto; | ||
− | font-size: 1. | + | font-size: 1.1em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 550; | font-weight: 550; | ||
Line 269: | Line 286: | ||
.HomepageContent { | .HomepageContent { | ||
+ | letter-spacing: 0.04em; | ||
width: 100%; | width: 100%; | ||
color: #262626; | color: #262626; | ||
height: auto; | height: auto; | ||
− | font-size: | + | font-size: 0.7em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 450; | font-weight: 450; | ||
padding-top: 13%; | padding-top: 13%; | ||
− | + | line-height: 1.2em; | |
− | line-height: 1. | + | |
} | } | ||
.content { | .content { | ||
+ | word-break: normal; | ||
+ | word-wrap: break-word; | ||
width: 85%; | width: 85%; | ||
color: #262626; | color: #262626; | ||
Line 288: | Line 307: | ||
font-family: Tahoma; | font-family: Tahoma; | ||
font-weight: 310; | font-weight: 310; | ||
− | letter-spacing: 0. | + | letter-spacing: 0.03em; |
line-height: 1.2em; | line-height: 1.2em; | ||
} | } | ||
Line 295: | Line 314: | ||
margin-left: 3%; | margin-left: 3%; | ||
margin-right: 3%; | margin-right: 3%; | ||
+ | margin-bottom: 5%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 318: | Line 338: | ||
table{ | table{ | ||
− | border-collapse:collapse; | + | border-collapse: collapse; |
− | cell-padding: 1%; | + | cell-padding: 0.1%; |
align: center; | align: center; | ||
width: 90%; | width: 90%; | ||
Line 328: | Line 348: | ||
table, td, th { | table, td, th { | ||
border: 0.05em solid black; | border: 0.05em solid black; | ||
+ | font-size: 0.4em; | ||
} | } | ||
Line 357: | Line 378: | ||
.instructionOfPicture { | .instructionOfPicture { | ||
+ | letter-spacing: 0.03em; | ||
color: #767171; | color: #767171; | ||
font-family: Georgia; | font-family: Georgia; | ||
Line 363: | Line 385: | ||
font-weight: 100; | font-weight: 100; | ||
letter-spacing: 0.1em; | letter-spacing: 0.1em; | ||
+ | line-height: 1em; | ||
} | } | ||
Line 370: | Line 393: | ||
font-size: 0.7em; | font-size: 0.7em; | ||
font-weight: 100; | font-weight: 100; | ||
− | line-height: | + | line-height: 1em; |
} | } | ||
Line 402: | Line 425: | ||
font-size: 0.5em; | font-size: 0.5em; | ||
font-style: oblique; | font-style: oblique; | ||
− | line-height: | + | line-height: 1em; |
} | } | ||
Line 410: | Line 433: | ||
margin-bottom: 1%; | margin-bottom: 1%; | ||
height: auto; | height: auto; | ||
− | font-size: 1. | + | font-size: 1.1em; |
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
font-weight: 450; | font-weight: 450; | ||
Line 421: | Line 444: | ||
color: #98B2D2; | color: #98B2D2; | ||
font-family: Trebuchet MS; | font-family: Trebuchet MS; | ||
− | font-size: | + | font-size: 1em; |
font-weight: 400; | font-weight: 400; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 494: | Line 517: | ||
margin-left: 3%; | margin-left: 3%; | ||
margin-right: 3%; | margin-right: 3%; | ||
+ | margin-bottom: 5%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 525: | Line 549: | ||
} | } | ||
− | table, td, th { | + | table, td, th{ |
border: 0.06em solid black; | border: 0.06em solid black; | ||
} | } | ||
Line 591: | Line 615: | ||
.background { | .background { | ||
− | width: | + | width: 90%; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; |
Latest revision as of 16:41, 17 October 2018