--- CONTAINER 01: MAIN --- box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; border-radius: 10px; height: 15em; --- CONTAINER 02: MY SITE --- background: radial-gradient(circle, #FFFFFF 9%, #EDF4FA 100%); border-radius: 1px 1px 100px 100px; filter: drop-shadow(0px 0px 3px #ddd); width: 13em; height: 2.5em; border: 1px dotted #B0B0B0; position: absolute; z-index: 999; left: -7.7em; bottom: 6.1em; transform: rotate(-11rad); padding: 0px; --- CONTAINER 03: IMAGE AND CREDITS --- box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; border: 1.6px dotted #B5B5B5; filter: drop-shadow(0px 0px 3px #DDDDDD); border-radius: 10px; height: 16em; width: 9em; position: absolute; bottom: 0.2em; left: 0.4em; z-index: 999; animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; --- CONTAINER 04: IMAGE AND ICONS --- box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; border: 0.1px dotted #aaa; filter: drop-shadow(0px 0px 3px #ddd); border-radius: 4px; height: 11em; width: 14.5em; position: absolute; bottom: 2.8em; right: -2em; --- CONTAINER 05: MUSIC PLAYER --- box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; border: 0.1px dotted #aaa; filter: drop-shadow(0px 0px 3px #ddd); border-radius: 4px; height: 2em; width: 11.5em; position: absolute; bottom: 0.5em; right: 0.45em; --- CONTAINER 06, 07, 08: INFO --- box-shadow: inset 7px 0 7px -9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; border: 0.1px dotted #B5B5B5; filter: drop-shadow(0px 0px 3px #DDDDDD); border-radius: 0 12px 12px 0; height: 10em; width: 11em; position: absolute; bottom: 3.3em; right: 1.4em; z-index: 9; overflow: auto; --- TEXT 01: PROFILE --- font-family: roman; text-shadow: -1px 0 #ababab, 0 1px #ababab, 1px 0 #ababab, 0 -1px #ababab, 0 0; background: radial-gradient(#FFFFFF 5%, #F4DCE9 65%); border: 1px dotted #B5B5B5; border-radius: 100% 100% 0 0; padding-bottom: 5px; z-index: 111; position: absolute; bottom: -0.1em; right: 1.15em; width: 6.75em; --- MOBILE --- width: 6.5em; right: 1.25em; --- TEXT 02: MY SITE --- font-family: roman; text-shadow: -1px 0 #ababab, 0 1px #ababab, 1px 0 #ababab, 0 -1px #ababab, 0 0; transform: rotate(22rad); --- TEXT 03: CREDITS --- font-family: pixel; border-radius: 4px; background: #FFFFFF; padding: 6px; border: 2px dotted #B5B5B5; --- HIGHLIGHT --- text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999, 0 0; --- TEXT 04, 05, 06: INFO --- font-family: pixel; --- BOLD --- text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999, 0 0; --- LINK --- text-decoration-style: dotted; --- ICONS --- box-shadow: inset 0 0 6px lightgrey; border: 1px solid #B5B5B5; --- BUTTONS --- position: absolute; right: 6em; border-radius: 0 0 20px 20px; z-index: 99; bottom: 3.4em; border: 0.1px dotted #B5B5B5; text-shadow: 0px 0px 2px #B5B5B5; font-family: bohemian; box-shadow: inset 7px 0 7px - 9px grey, inset -7px 0 7px -9px grey, inset 0 -7px 7px -9px grey; --- FONTS --- --- ANIMATIONS --- --- HIDDEN SCROLLBAR --- --- MUSIC PLAYER ---
►
❚❚
now playing... "SONG" by ARTIST