.bio-container,.message{top:50%;text-align:center}.bio-container h1,.message,.time-container{color:#fff;font-family:Roboto,sans-serif}body{margin:0;padding:0;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#232323;position:relative}.bio-container,.message,.time-container,video{position:absolute}video{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.message{font-weight:900;font-size:30px;z-index:2;width:100%;transform:translateY(-50%)}.bio-container{background-color:rgba(0,0,0,.7);padding:40px;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.8);z-index:3;width:350px;opacity:0;transition:opacity 1s ease-in-out;left:50%;transform:translate(-50%,-50%)}.bio-container h1{font-size:36px;font-weight:900;margin-bottom:20px}.bio-avatar{border-radius:50%;width:120px;height:120px;background-image:url('img/avatar.jpg');background-size:cover;background-position:center;margin:0 auto 20px;box-shadow:0 4px 8px rgba(0,0,0,.6)}.bio-icons{display:flex;justify-content:space-around;width:100%;margin-top:10px}.bio-icons svg{width:60px;height:60px;transition:transform .3s,fill .3s}.bio-icons svg:hover{transform:scale(1.3);fill:#264653}.music{display:none}.time-container{top:10px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.6);padding:10px 20px;border-radius:15px;font-size:20px;z-index:4}