プレゼンテーションモードを良い感じにするCSS

cssで凸版ゴシックを使うようにした

以外)だとダメだと思うけど、まあ多分自分の環境でしか動かさんからいいかな

別にフォント違っても見れないわけじゃないし

 @import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:&display=swap");
 .app.presentation .line.section-title {
 	font-family: "Zen Maru Gothic";
 	font-weight: 900;
 	font-size: 5vw;
 }
 .app.presentation .line.line-title {
  	font-family: "Zen Maru Gothic";
  	font-weight: 900;
  	font-size: 6vw;
 }
 .app.presentation .line {
 	font-family: "Zen Maru Gothic";
 	font-weight: 400;
 	font-weight: bold;
 	color: black;
 	line-height: 160%;
 	font-size: 2.3vw;
 }

.app.presentation .line .dot {
    width: .8vw;
    height: .8vw;
    top: calc(.8em - .25vw);
    right: 1vw;
}

.app.presentation .line .indent-mark .dot {
  background-color: #dfdfdf;
}

.app.presentation .deco-\# {
	top: 25vh;
    position: relative;
}
.app.presentation .deco-\* {
	font-family: "Zen Maru Gothic";
}

.app.presentation .deco-\~ {
	font-family: "Zen Maru Gothic";
}
.app.presentation .deco-\+ {
	font-family: "Zen Maru Gothic";
}
.app.presentation {
  --page-bg: #fff;
  --body-bg: #ffffff;
}
html[data-display-style*=presentation] body {
	background-color: #fff;
}