---
# System prepended metadata

title: MDCPP 簡報主題

---

---
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>