@font-face { font-family: handy; src: url(https://dl.dropbox.com/s/ga9hf4idu3egjb5/handy00.ttf); } img:hover { cursor:help; } #musicplayer{ margin: auto; margin-top: 1em; display:grid; grid-template-columns:20px auto; align-items:center; width: 90%; height: 5%; font-family:handy; font-size:11px; color:white; line-height:140%; border: 1px double black; border-radius: 5px; background: linear-gradient(180deg, rgb(203 102 83) 3%, rgb(49 5 5) 100%); } #musictitle{ font-family:handy; overflow: hidden; white-space: nowrap; display:inline-block; width: calc(100% - 10px - 1px); margin-left: calc(10px + 1px); } #musicpixel{ width:120%; paddin-top:0px; position:relative; min-height: 15px; background: linear-gradient(180deg, rgb(203 102 83) 3%, rgb(49 5 5) 100%); border-right: 1px solid black; } .overlay { opacity:0; position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; transition:0.3s ease; background: linear-gradient(180deg, rgb(203 102 83) 3%, rgb(49 5 5) 100%); } #musicplayer:hover .overlay { opacity: 1; transition:0.3s ease; } .playpause{ position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); } .playpause:hover{ cursor:help; } #musicpixel img{ display:block; } .marquee{ display: inline-block; padding-left: 100%; animation: marquee 5s linear infinite; font-family: Kosugi; font-size: 1.5em; } @keyframes marquee{ 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

SYGIL

Welcome

Welcome to SYGIL! you can think of this as one of those shady dimly-lit alleies of the internet; just a lil corner for me, Eu(gene) to ramble about my interests & all that jazz. I hope you enjoy your stay!!