dionysus

@font-face { font-family: "Intro"; src: url(https://dl.dropbox.com/s/6ljrkkvsmj7m2fx/Intro.otf); format("truetype"); } #mrmr { width: 560px; height: 185px; border: 1px solid #fff; background: #111; padding: 10px; outline: 1px solid #fff; outline-offset: -3px; } #mrmr .base { width: 100%; height: 185px; background: #000; padding: 5px; box-sizing: border-box; } #mrmr .gif { width: 268px; height: 140px; background: url(https://data.whicdn.com/images/304150791/original.gif) center/cover; } #mrmr .gif2 { width: 268px; height: 140px; background: url(https://66.media.tumblr.com/b23573517b444059c43d183e97dd3a42/tumblr_oscldklCjZ1wt3ad9o1_540.gif) center/cover; opacity: 0; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; } #mrmr .color { width: 268px; height: 25px; background: #990000; margin-bottom: 3px; box-sizing: border-box; padding: 5px; } #mrmr .name { width: 268px; height: 140px; background: transparent; padding: 10px; box-sizing: border-box; border: 1px solid #fff; outline: 1px solid #fff; outline-offset: -3px; } #mrmr .color2 { width: 268px; height: 25px; background: linear-gradient(90deg, #450000, #cc0000); margin-top: 3px; box-sizing: border-box; padding: 5px; } #mrmr .gif2:hover { background: url(https://66.media.tumblr.com/b23573517b444059c43d183e97dd3a42/tumblr_oscldklCjZ1wt3ad9o1_540.gif) center/cover; opacity: 1; transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; } #mrmr .text { font: 10px 'Montserrat', sans-serif; text-transform: uppercase; color: #fff; text-align: justify; line-height: 130%; text-shadow: 2px 1px 1px #000; font-weight: 700; } #mrmr .small { font: 16px Intro, sans-serif; box-sizing: border-box; color: #fff; text-align: center; line-height: 130%; text-shadow: 2px 1px 1px #000; } #mrmr .small::first-letter { color: #850000; } #mrmr .color2::after { content: "「♡」"; font: bold 8px Consolas; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: -.5px; opacity: .2; position: relative; top: 5px; left: 60px; } #mrmr .color2:hover::after { content: "「AMERICAN QUEEN ♡ ROYALTY CODES」" ; }