body,
 html {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
     margin: 0px;
     padding: 0px;
     border: none;
     background-color:black;
 }

 my-image {
     height: 100%;
 }
 
 @font-face {
 	font-family: 'FuturaBit';
 	src: url('FuturaBit.eot');
 	src: local('FuturaBit'), url('FuturaBit.ttf') format('truetype');
}


#minibar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8em 1.5em;
    position: relative;
    z-index: 10;
}

#description {
    color: var(--main-color, #ffffff);
    font-family: 'FuturaBit', system-ui, -apple-system, sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75vw;
}

#links {
    display: flex;
    align-items: center;
    gap: 0.8em;
}

#links svg {
    height: 1.4em;
    fill: white;
    color: white;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

#links svg:hover {
    opacity: 1;
}