Livetime style fixes

livetime.md

@@ -1,21 +1,46 @@
 ---
 layout: default
 permalink: /livetime/
-title: "'RustFest livetime"
+title: "RustFest Livetime! 🎦"
 socialTwitterCardType: "summary_large_image"
 socialImageSrc: "/assets/social/rfrome-livestream-social.png"
 ---
 
+<style>
+.popout {
+  padding-bottom: 0;
+}
+
+.popout~div {
+  background: #5252c9;
+  color: white;
+}
+.popout~div a {
+  color: yellow;
+}
+
+.popout~div p {
+  max-width: 48em;
+  margin: auto;
+  padding-bottom: 1em;
+}
+
+.popout~div:last-of-type {
+  padding-bottom: 3em;
+}
+</style>
+
 <div class='popout'>
   <section>
-    <h1>Livetime!</h1>
+    <h1>RustFest Livetime!</h1>
   </section>
 </div>
 
 <div style="text-align: center;">
 <iframe src="https://streaming.media.ccc.de/rustfestrome2018/embed/auditorium/dash/native" width="1024" height="576" frameborder="none" allowfullscreen="allowfullscreen" seamless="seamless" scrolling="no"></iframe>
 </div>
 
+<div>
 <p>This stream is also available <a href="https://www.youtube.com/watch?v=ITzxX0cAXQs">on YouTube</a>.</p>
 
 <p>If you enjoy the stream, consider a <a href="https://ti.to/asquera-event-ug/rustfest-rome-2018/">Diversity Fund donation</a>. They will be used to fund people coming to the next conference!</p>
@@ -25,3 +50,4 @@ socialImageSrc: "/assets/social/rfrome-livestream-social.png"
 <p>Videos will be released soon after the conference.</p>
 
 <p>Thank you to <a href="https://www.rrbone.net/">RRBone</a> and <a href="https://c3voc.de/">the C3VOC</a> for making this happen!</p>
+</div>