|
|
@ -12,37 +12,19 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
body { |
|
|
|
max-width: 1000px; |
|
|
|
|
|
|
|
background: #40264c; |
|
|
|
background: #40264c; |
|
|
|
background-image: url("image/neon-scene.png"); |
|
|
|
background-image: url("image/neon-scene.png"); |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-position: center top; |
|
|
|
background-position: center top; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#content { |
|
|
|
|
|
|
|
max-width: 1000px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
padding: 0 75px; |
|
|
|
padding: 0 75px; |
|
|
|
margin-bottom: 4em; |
|
|
|
margin-bottom: 4em; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
div { |
|
|
|
|
|
|
|
background: #352040; |
|
|
|
|
|
|
|
margin-bottom: 2em; |
|
|
|
|
|
|
|
padding: 1em 2em 0.7em; |
|
|
|
|
|
|
|
border-style: solid; |
|
|
|
|
|
|
|
border-color: #1473cc; |
|
|
|
|
|
|
|
border-width: 1px; |
|
|
|
|
|
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5), |
|
|
|
|
|
|
|
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5); |
|
|
|
|
|
|
|
background-blend-mode: soft-light; |
|
|
|
|
|
|
|
background-size: auto 100%; |
|
|
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
|
|
background-position: right; |
|
|
|
|
|
|
|
text-shadow: 0px 0px 5px #352040, |
|
|
|
|
|
|
|
0px 0px 10px #352040, |
|
|
|
|
|
|
|
0px 0px 15px #352040, |
|
|
|
|
|
|
|
0px 0px 20px #352040, |
|
|
|
|
|
|
|
0px 0px 25px #352040, |
|
|
|
|
|
|
|
0px 0px 30px #352040; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#event { |
|
|
|
#event { |
|
|
|
background-image: url("image/event.png"); |
|
|
|
background-image: url("image/event.png"); |
|
|
|
padding-right: 15%; |
|
|
|
padding-right: 15%; |
|
|
@ -75,8 +57,6 @@ div { |
|
|
|
background-size: 100% auto; |
|
|
|
background-size: 100% auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#banner { |
|
|
|
#banner { |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
@ -111,6 +91,27 @@ h2 { |
|
|
|
margin-top: 0em; |
|
|
|
margin-top: 0em; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box { |
|
|
|
|
|
|
|
background: #352040; |
|
|
|
|
|
|
|
margin-bottom: 2em; |
|
|
|
|
|
|
|
padding: 1em 2em 0.7em; |
|
|
|
|
|
|
|
border-style: solid; |
|
|
|
|
|
|
|
border-color: #1473cc; |
|
|
|
|
|
|
|
border-width: 1px; |
|
|
|
|
|
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5), |
|
|
|
|
|
|
|
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5); |
|
|
|
|
|
|
|
background-blend-mode: soft-light; |
|
|
|
|
|
|
|
background-size: auto 100%; |
|
|
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
|
|
background-position: right; |
|
|
|
|
|
|
|
text-shadow: 0px 0px 5px #352040, |
|
|
|
|
|
|
|
0px 0px 10px #352040, |
|
|
|
|
|
|
|
0px 0px 15px #352040, |
|
|
|
|
|
|
|
0px 0px 20px #352040, |
|
|
|
|
|
|
|
0px 0px 25px #352040, |
|
|
|
|
|
|
|
0px 0px 30px #352040; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.big { |
|
|
|
.big { |
|
|
|
font-family: "TitilliumWeb-Bold"; |
|
|
|
font-family: "TitilliumWeb-Bold"; |
|
|
|
font-size: 1.5em; |
|
|
|
font-size: 1.5em; |
|
|
|