Theme main colors :root { --r-background-color: #1b2f4f; --r-heading-color: #dfe4ed; --r-main-color: #dfe4ed; } .menubar > ul li { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 0.2em solid transparent; border-bottom: 0.2em solid transparent; } .menubar > ul li.active { border-top-color: var(--r-heading-color); } #left { left:-8.33%; float: left; width:50%; z-index:-10; vertical-align: middle; } #right { left:31.25%; float: right; z-index:-10; width:50%; vertical-align: middle; } .twocolumn { margin-left: 10%; margin-right: 10%; /* margin-top: 5%; */ display: grid; grid-template-columns: 1fr 1fr; align-items: start; /* grid-gap: 5%; */ /* grid-column-end: ; */ text-align: center; } .twocolumncenter { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5%; /* grid-column-end: ; */ margin: auto; align-items: center; text-align: center; } .twocolumntext { margin-left: 10%; margin-right: 10%; /* margin-top: 5%; */ display: grid; grid-template-columns: 1fr 2fr; align-items: center; /* grid-gap: 5%; */ /* grid-column-end: ; */ text-align: center; } .twocolumn .r-stack > img { width: 200%; } .threecolumn { margin-left: 5%; margin-right: 5%; margin-top: 5%; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: top; grid-gap: 5%; /* grid-column-end: ; */ /* text-align: center; */ } .fourcolumn { margin-left: 5%; margin-right: 5%; margin-top: 5%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; align-items: center; grid-gap: 0%; /* grid-column-end: ; */ /* text-align: center; */ } .filter-green{ filter: invert(48%) brightness(200%); width: 60%; } #poster { height: 600px; /* width: 350px; */ object-fit: cover; } .portrait { object-fit: cover; border-radius: 50%; height: 256px; } .portraitsquared { object-fit: cover; border-radius: 50%; max-width: none !important; max-height: none !important; height: 200px; width:200px; } .portraitsquaredsmall { object-fit: cover; border-radius: 50%; max-width: none !important; max-height: none !important; height: 150px; width:150px; position: fixed; left: 500px; } .roundedcorner { object-fit: cover; border-radius: 10%; } #logo > img { height: 6vw !important; } #logo { position: relative; z-index: 1000 !important; } .reveal .controls button{ color: black; } .reveal .progress { color: black; height: 5px; } .reveal .slide-number-a { font-size: 2em; color: black; } .reveal .slide-number-b { font-size: 2em; color: black; } .reveal .slide-number-delimiter { font-size: 2em; color: black; } .menubar { background-color: white; } .reveal a { color: #cf3535; } h2, h3 { padding-bottom: .5em; } /* CONSISTENT SIZE */ /* .reveal.slide .slides > section, .reveal.slide .slides > section > section { min-height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; position: absolute !important; top: 0 !important; align-items: center !important; } section > h1, section > h2 { position: absolute !important; top: 0 !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important; right: 0 !important; text-align: center !important; } .print-pdf .reveal.slide .slides > section, .print-pdf .reveal.slide .slides > section > section { min-height: 770px !important; position: relative !important; } */ .schema { overflow:hidden; max-height:800px; } .reveal table th, .reveal table td { border: none !important; vertical-align: middle !important; height: min-content !important; } .footnote { position:fixed; bottom: 5%; font-size:0.5em; } .bw { filter: grayscale(1); }