@import url('https://fonts.googleapis.com/css2?family=VT323&family=Silkscreen:wght@400;700&display=swap');
body{

    margin:0;
    padding:0;
    min-height:100vh;
    background:#000;
    color:#fff;
    font-family:"VT323", monospace;


display:flex;
    justify-content:center;
}
.desktop{

width:1000px;
max-width:95%;
margin:40px auto;

display:grid;

grid-template-columns:180px 1fr 170px;

gap:16px;

}

.banner{

grid-column:1/4;

}
.banner img{
    width:100%;
    height:auto;
    max-height:260px;
    object-fit:contain;
    display:block;
    margin:auto;
    animation:float 4s ease-in-out infinite;
    filter: drop-shadow(0 0 18px #9d5cff);
}

.banner h1{

font-size:64px;

margin:0;

color:#d88bff;

}

.banner p{

color:#bcbcbc;

}

.window{

background:#151515;

border:2px solid #7b4cbf;

box-shadow:0 0 20px rgba(166,95,255,.3);

}

.title-bar{

background:#7b4cbf;

padding:8px;

font-weight:bold;

color:white;

}

nav{

display:flex;

flex-direction:column;

}

nav a{

padding:10px;

text-decoration:none;

color:white;

border-bottom:1px solid #282828;

}

nav a:hover{

background:#7b4cbf;

}

.welcome-window{

padding-bottom:10px;

}

.welcome-window h2{

padding:20px;

margin:0;

}

.welcome-window p{

padding:0 20px;

line-height:1.7;

}

.music-window{

padding-bottom:20px;

}

.music-window h3{

padding:20px 20px 5px;

margin:0;

}

.music-window p{

padding:0 20px;

color:#ccc;

}

.progress{

height:8px;

background:#333;

margin:20px;

border-radius:20px;

position:relative;

}

.progress::after{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:55%;

background:#c77dff;

border-radius:20px;

} @keyframes float{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-5px);
    }
/* ===== MUSIC PLAYER ===== */
}
.player{
    padding:15px;
    text-align:center;
}

.album-art{
    width:120px;
    height:120px;
    object-fit:cover;
    border:2px solid #a45bff;
    margin-bottom:12px;
    box-shadow:0 0 15px #a45bff;
}

.song-info h3{
    margin:0;
    color:white;
    font-size:20px;
}

.song-info p{
    margin:5px 0 15px;
    color:#c8a5ff;
    font-size:14px;
}

audio{
    width:100%;
    filter:hue-rotate(260deg) saturate(1.3);
}