---
title: MDResearch 簡報主題
---

<style>
/* GLOBAL */
.reveal{
background: linear-gradient(111deg, rgba(12,20,35,0.9) 0%, rgba(43,64,117,0.9) 100%);
background-position: center;
}

.reveal .left,.reveal *[left]{
float: left;
}

.reveal .right,.reveal *[right]{
float: right;
}

/* TEXT */

.reveal .text-left,.reveal *[text-left]{
text-align: left;
}

.reveal .text-right,.reveal *[text-right]{
text-align: right;
}

.reveal mark{
position: relative;
color: unset;
background: unset;
transition: color .2s
}

.reveal mark:hover {
color: #000;
}

.reveal mark::after {
content: '';
position: absolute;
z-index: -1;
left: -.2em;
bottom: 0;
height: .1em;
width: calc(100% + .4em);
background: #F9F871;
transition: height .2s;
border-radius: .1em;
}

.reveal mark:hover::after {
height: 100%;
}

/* LINK */

.reveal a {
color: #00B9CD;
position: relative;
}

.reveal a::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
height: .1em;
width: 0;
background: #fff;
transition: width .2s, left .2s;
border-radius: .1em;
}

.reveal a:hover::after {
width: 100%;
left: 0;
}

/* MEDIA */

.reveal section img,.reveal section pre.mermaid{
background: unset;
border: unset;
}

.reveal section pre code{
background: linear-gradient(0deg, rgba(3, 3, 3, 0.8), rgba(3, 3, 3, 0.8)), url(https://i.imgur.com/BzcsL5C.png);
background-position: center;
background-size: cover;

}

.reveal section g.root g.edgePaths{
fill:white;
stroke:white;
}

</style>