<!DOCTYPE html>
<html lang="en">
<head>
    <style>
    body,
        html,
        #app {
          margin: 0;
          width: 100%;
          height: 100%;
        }
        
        #app {
          overflow: hidden;
          touch-action: pan-up;
          color: #ffffff;
          font-family: "Montserrat", sans-serif;
          text-shadow: 0 0 5px #ffffff, 0 0 20px #000, 0 0 30px #000;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        
        #app h1 {
          font-size: 60px;
          text-transform: uppercase;
        }
        
        #app a {
          text-decoration: none;
          color: #fff;
        }
        
        #app canvas {
          display: block;
          position: fixed;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
        }
        </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <title>Document</title>
    <style></style>
</head>
<body>
    <div class="container-fluid  p-3 mb-2 bg-warning-subtle text-warning-emphasis"> <h1>Not√≠cias de Cursos</h1></div>
    <div id="app">
        <canvas id="webgl-canvas"></canvas>
        <div id="hero">
          <h1>Bokeh background</h1>
        </div>
      </div>
      
    
</body>
</html>