---
title: MDCPP 簡報主題
---

<style>
/* GLOBAL */
body{
background: linear-gradient(111deg, rgba(12,20,35,0.9) 0%, rgba(43,64,117,0.9) 100%), url(https://i.imgur.com/HvT9IsS.png),#000!important;
background-position: center!important;
}

.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;
}

</style>