@font-face {
     	font-family: 'Camila';
  	src: url('Camila.otf') format('OpenType');
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem; 
  background-image: url("../images/makima.jpg");
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-position: center;
  background-size: auto;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.control {
	color: white;
  	text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px darkred;
  	font-family: 'Camila';
  	src: url('Camila.otf') format('OpenType');
}

#devil {
	text-decoration: underline overline dotted red 15px;
}

#flash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: white;
    opacity: 0;
    pointer-events: none;
    z-index: 10000;

    transition: opacity 0.2s ease;
}

#myCanvas {
    position: fixed;      /* fica preso na tela */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    mix-blend-mode: multiply;
    
    z-index: 9999;        /* fica acima de tudo */
    pointer-events: none; /* não bloqueia cliques */
}