@CHARSET
"UTF-8"
;
body {
background-image
:
url
(
"./images/sdl (31).png"
);
background-attachment
:
fixed
;
}
h
1
{
font
:
bold
35px
/
60px
Helvetica
,
Arial
,
Sans-serif
;
text-align
:
center
;
color
:
#eee
;
text-shadow
:
0px
2px
6px
#333
;
}
#images {
width
:
400px
;
height
:
600px
;
overflow
:
hidden
;
position
:
relative
;
margin
:
20px
auto
;
}
#images img {
width
:
400px
;
height
:
600px
;
position
:
absolute
;
top
:
0
;
left
:
-400px
;
z-index
:
1
;
opacity:
1
;
transition:
all
linear
500
ms;
-o-transition:
all
linear
500
ms;
-moz-transition:
all
linear
500
ms;
-webkit-transition:
all
linear
500
ms;
}
#images img:target {
left
:
0
;
z-index
:
9
;
opacity:
1
;
}
#images img:first-child {
left
:
0
;
}
#slider {
width
:
150px
;
height
:
30px
;
margin
:
20px
auto
;
}
#slider a {
text-decoration
:
none
;
background
:
#45b97c
;
border
:
1px
solid
#C6E4F2
;
padding
:
4px
6px
;
color
:
#222
;
margin
:
20px
auto
;
}
#slider a:hover {
background
:
#C6E4F2
;
}