:root{--background-fx:blur(10px) brightness(120%);--card-shadow:#00000063 0px 0px 24px -12px;--round-corners:20px;--card-background:#ffffff2b;--icon-background:#fff5;--icon-color:#000a;--icon-hover-background:#fffa;--icon-hover-color:#000d}html{height:100%;width:100%}body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0}#background{z-index:-1;height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;filter:var(--background-fx);transform:scale(1.2)}#container{z-index:1;height:100%;width:100%;position:absolute;top:0;left:0;opacity:0}#main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9,.9);margin:0;display:flex;flex-direction:column}.box{margin:5px;border-radius:var(--round-corners);overflow:hidden;height:400px;width:400px;box-shadow:var(--card-shadow)}#details{height:400px;width:400px;background:var(--card-background);backdrop-filter: blur(10px) saturate(1.2)}#info{width:100%;padding-top:30px}.text{padding-left:5px;padding-right:5px;text-align:center;font-family:Helvetica,sans-serif;text-transform:uppercase;color:#00000096}#title{font-size:36px;letter-spacing:.12em;line-height:40px}#artists{margin-top:5px;font-size:18px;letter-spacing:.2em;line-height:25px}#links{align-self:center;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;padding-bottom:40px}.link{background-color:var(--icon-background);border-radius:50%;color:var(--icon-color);margin:7px;margin-top:7px;padding:16px;font-size:2em;height:32px;width:32px;display:flex;flex-direction:column;justify-content:center;align-content:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes iconhover{from{background-color:var(--icon-background);color:var(--icon-color)}to{background-color:var(--icon-hover-background);color:var(--icon-hover-color)}}.link:hover{animation-name:iconhover;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.link>span{height:64px;width:64px}.link>svg{align-self:center}.linkname{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}::selection{background-color:#fff5}