You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
1.5 KiB
CSS
92 lines
1.5 KiB
CSS
4 years ago
|
@font-face {
|
||
|
font-family: BLKCHCRY;
|
||
|
src: url("../fonts/BLKCHCRY.TTF");
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: rgba(191,89,255, 0.9);
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
font-size: 21px;
|
||
|
font-family: BLKCHCRY;
|
||
|
color: black;
|
||
|
}
|
||
|
|
||
|
.text-left {
|
||
|
max-width: 53em;
|
||
|
margin: 0 auto;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
font-size: 21px;
|
||
|
font-family: BLKCHCRY;
|
||
|
}
|
||
|
|
||
|
a:link {
|
||
|
color: white;
|
||
|
background-color: transparent;
|
||
|
text-decoration: none;
|
||
|
/*text-decoration: underline;*/
|
||
|
}
|
||
|
|
||
|
a:visited {
|
||
|
color: white;
|
||
|
background-color: transparent;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: yellow;
|
||
|
background-color: transparent;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
#cardtest {
|
||
|
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
|
||
|
transition: transform 250ms ease-in-out;
|
||
|
cursor: url("../images/magic-stuff.svg"), auto;
|
||
|
}
|
||
|
#cardtest.rotated {
|
||
|
transform: translate(-40px, 60px) scale(1.25);
|
||
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
|
||
|
#cardtest-xp {
|
||
|
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
|
||
|
.footer {
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
.instructions {
|
||
|
max-width: 440px;
|
||
|
}
|
||
|
|
||
|
.gif {
|
||
|
margin-left: -377px;
|
||
|
margin-top: 457px;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
|
||
|
#yellow-chest {
|
||
|
background-image: url("../images/chest-white.svg" );
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center;
|
||
|
background-clip: border-box;
|
||
|
|
||
|
display: block;
|
||
|
width: 130px;
|
||
|
height: 130px;
|
||
|
text-decoration: none;
|
||
|
cursor: pointer;
|
||
|
overflow: hidden;
|
||
|
white-space:nowrap;
|
||
|
}
|
||
|
|
||
|
#yellow-chest:hover {
|
||
|
background-image: url("../images/chest-yellow.svg" );
|
||
|
}
|