body {
    background-color: #ddd0d0;
}

.jumbotron-index {
    background-color: black;
    color: gold;
    width: 100%;
    padding-left: 12px;
    min-height: 150px;
    text-align: justify;
    
}

.kuvaluokka {
    width: 50%;
}


.teksti {
    background-color: #ddd0d0;
    color: black;
    font-size: 40px;
}

h2 {
    color: black;
    font-size: 42px;
}


body.nettisivu {
    background-color: #f1f1f1;
}

.jumbotron {
    background-image: url("https://img.freepik.com/premium-vector/cinema-movie-background-popcorn-filmstrip-clapboard-tickets-movie-time-background_41737-248.jpg?w=740");
    background-size: cover;
    color: #03fcf0;
}

button {
    background-color: #000000;
    color: #ffffff;
    border: none;
    border-radius: 60%;
    height: 70px;
    width: 70px;
    text-align: center;
}


button:hover {
    border: 2px solid #e68a00;
    background-color: #fff9e5;
    color: #e68a00;
}

html, body.pomppupeli {
    height: 100%;
    width: 100%;
  }
  
  html, body.maalaus {
    height: 100%;
    width: 100%;
  }
  button{ width:50px; height: 50px; border-radius: 50%; border:solid 1px; } 
  .red{
  background-color: red;  
  }
  .blue{
  background-color: blue;  
  }
  .green{
  background-color: green;  
  }
  .yellow{
  background-color: yellow; 
  }
  .orange{
  background-color: orange;  
  }
  .black{
  background-color: black;  
  }
  .cyan{
  background-color: cyan;  
  }
  .lightgreen{
  background-color: lightgreen;  
  }
  .lightblue{
  background-color: lightblue;  
  }
  .brown{
  background-color: brown;  
  }
  .beige{
  background-color: beige;  
  }
  .gold{
  background-color: gold;  
  }