gumamela update log

<div id="log">
<div class="title" align="center">updates</div>
<div class="info" align="left">
<br>
<mark>??/??/??</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br>
<mark>??/??/??</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<br>
<mark>??/??/??</mark> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>

<style>
#log {
position: fixed;
top: 20px;
left: 20px;
z-index: 99;
overflow: hidden;
padding: 5px;
background: #fff;
border-radius: 15px;
box-shadow: 0 0 4px 7px #fff;
width: 20px;
height: 18px;
font: 0 system-ui;
color: #fff;
line-height: 14px;
transition: opacity 0.5s linear;
transition: all 0.5s ease-in-out;
}

#log:hover {
opacity: 1;
width: 150px;
height: 170px;
padding: 5px 5px 5px 5px;
overflow: auto;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 7px 10px #fff;
font: 11px system-ui;
color: #303030;
line-height: 14px;
transition: opacity 0.5s linear;
transition: all 0.5s ease-in-out;
}

.title {
opacity: 0;
font: 0 system-ui;
background: linear-gradient(#e0afb6, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px #bd8088;
transition: opacity 0.5s linear;
transition: all 0.5s ease-in-out;
}

#log:hover .title {
opacity: 1;
font: 19px system-ui;
background: linear-gradient(#e0afb6, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px #bd8088;
transition: opacity 1s linear;
transition: all 0.5s ease-in-out;
}

#log mark {
opacity: 0;
font-size: 0;
background: linear-gradient(#e0afb6, #fff);
border: 0.7px solid #e0afb6;
border-radius: 15px;
padding: 0 5px 0 5px;
color: #303030;
transition: opacity 0.5s linear;
transition: all 0.5s ease-in-out;
}

#log:hover mark {
opacity: 1;
font-size: 11px;
background: linear-gradient(#E0AFB6, #fff);
border: 0.7px solid #E0AFB6;
border-radius: 15px;
padding: 0 5px 0 5px;
color: #303030;
transition: opacity 0.5s linear;
transition: all 0.5s ease-in-out;
}

br {
display: block;
content: "";
margin-top: 10px;
}
</style>