+@-webkit-keyframes fadeOut {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+@keyframes fadeOut {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+#message {
+ position: fixed;
+ font-size: 18pt;
+ margin: 2em;
+ border-radius: 10px;
+ padding: .3em;
+ color: white;
+ font-weight: bold;
+ font-family: sans-serif;
+ background-color: rgba(200,200,200,0.5);
+}
+
+#namecontainer {
+ position: fixed;
+ width: 100%;
+}
+#name {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 30pt;
+}
+
+.fade {
+ opacity: 0;
+ animation-duration: 2s;
+ animation-name: fadeOut;
+ -webkit-animation-duration: 2s;
+ -webkit-animation-name: fadeOut;
+}
+
.fit_view {
max-width: 100%;
max-height: 100%;