---
title: Positive Coin's reveal.js additional style set.
description: Add `{%hackmd @Positive-Coin/Slide_Style %}` in your reveal.js slide deck on HackMD
disqus: hackmd
tags: template
---

<style>

.reveal {
font-size: 24px;
font-family: Futura, serif;
background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(196,30,58,1) 0%, rgba(34,193,195,1) 100%);
color:#AFE1AF;
}

a:link, a:visited {
color: rgba(201,204,63,0.9);
}

.reveal blockquote {
display: block;
position: relative;
width: 75%;
background: rgba(201, 204, 63, 0.03);
padding-left:1.5em;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
border-left: 2px solid #ffff00;
font-size: 20px;
font-style: italic;
text-align: left;
line-height: 1.8em;
position: relative;
transition: 0.2s border ease-in-out;
}

.reveal h1 {
font-size: 45px;
font-weight: bold;
color: #AFE1AF;
}

.reveal h2 {
font-size: 36px;
font-weight: bold;
color: rgba(201, 204, 63, 1);
}

.reveal h3 {
font-size: 25px;
color: #AFE1AF;
font-weight: bold;
}

.reveal h4 {
font-size: 45px;
color: #AFE1AF;
}

.ref {
font-size: 18px;
color: #AFE1AF;
}

pre code .wrapper { font-size:17px;line-height: 1.1em;}
pre code .gutter.linenumber { border-right: 3px solid #AFE1AF !important; }

.reveal .imgborder {
border: 1px solid white;
}
.reveal img {
border: 2px solid yellow;
}

.card {
display: block;
text-align: center;
margin: 0 auto;
max-width: 55%;
background: rgba(201, 204, 63, 0.93);
color: #333300;
padding: .5em;
font-weight: normal;
font-size: 0.75em;
border-radius: .2em;
box-shadow: .2em .1em .5em rgba(201,204,63,.5);

}

.reveal .controls {
font-size: 8px;
color:rgba(201, 204, 63, 0.43);
}

</style>