cr jellymask, blogger & libertarian

CR BLOGGER, LIBERTARIAN & JELLYMASK WHEN REMAKING

-- FONTS --
@font-face {
font-family: emoji;
src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}

-- MAIN CONTAINER --
box-shadow: inset -1px -1px #0a0a0a, inset 1px 0px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

-- IMAGE --
border: 2px inset;
border-radius: 0.5rem;

-- BUTTONS --
font-family: pixel;
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;

#buttons01, #buttons02 {
transition: .2s ease;
}

#buttons01 a:hover, #buttons02 a:hover{
transform: translateY(-20%);
}

-- CREDIT TEXT --
font-family: pixel;
background: #d0d2a9;
padding: 5px;
border: 2px inset;
border-radius: 6px;

-- SCROLLBOX CONTAINER --
width: 16.25em;
height: 19.25em;
position: absolute;
right: 0.75em;
bottom: 3em;
border: 2px inset;
border-radius: 10px;
overflow: auto;

MOBILE:(use media rule)
width: 13.625em;
height: 18.25em;
position: absolute;
right: 0.75em;
bottom: 2.5em;

-- SCROLLBOX TEXT --
font-family: pixel;

-- LINKS ON HOVER --
a { transition: .4s; }
a:hover { letter-spacing: 2px; }