cr jibeomcito #2 css

-- FONTS --
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@700&display=swap" rel="stylesheet">

-- IMAGE CONTAINER --
height: 15em;
width: 12em;

-- CONTAINER W TEXT --
height: 15em;
width: 12em;
overflow: auto;
right: -.5em;
bottom: 0em;
position: absolute;

-- TITLE TEXT --
top: 12.6em;

-- INFO TEXT --
background: #8da6b6;
padding: 8px;
border-radius: 0.5em;

-- HIGHLIGHT TEXT --
background: white;
padding-left: 5px;
padding-right: 5px;
border-radius: 0.5em;
color: #5a8bb5;
font-family: 'Mali', cursive;

-- BUTTONS --
border-radius: 70%;
position: relative;
bottom: 2em;
left: -8em;

-- BUTTONS BLUR ON HOVER --
#buttons01 a {
transition: 0.5s;
}

#buttons01 a:hover {
webkit-filter: blur(2px);
filter: blur(2px);
transition: 0.5s;
}