body {
 background: linear-gradient(135deg, rgba(35,133,250,1) 0%, rgba(138,211,250,1) 60%, rgba(164,220,246,1) 100%);
  min-height: 100vh;
  font-family: Serif, sans-serif;
}

.kontener {
  width: 60%;
  background-color: #a9bbe6;
  text-align: center;
  margin: 1rem auto;
  padding: 7px ;
  border-radius: 12px;
}

#witam {
    font-size: 15px;
    padding: 5px 5px 5px 5px; 
}

#rgb_hex {
    min-height: 100px;
}

#informacje,
#robert,
#luki_ooo,
#Maksiu,
#paka,
#nine {
  padding: 5px 5px 5px 5px;
}


#rgb {
  width: 200px;
  height: 35px;
background: linear-gradient(90deg, rgba(249,65,68,1) 0%, rgba(248,150,30,1) 25%, rgba(249,199,79,1) 50%, rgba(67,170,139,1) 75%, rgba(39,125,161,1) 100%);
  border: 0;
}

#rgb:hover {
 cursor: pointer;
 background: linear-gradient(90deg, rgba(207,51,55,1) 0%, rgba(184,113,25,1) 25%, rgba(198,158,64,1) 50%, rgba(54,129,106,1) 75%, rgba(38,122,157,1) 100%);
} 

a {
  text-decoration: none;
  color: gold;
  padding: 8px;
}

#witam,
#informacje,
#rgb_hex,
#robert,
#luki_ooo,
#Baksiu,
#paka,
#nine {
 margin: 10px;
 background-color: #187fbd;
  color: white;
 border-radius: 7px;
  border: 8px double black;
}

.guzik_rgb {
  display: flex;
  align-items: center;
  justify-content: center;
}

#paka {
  padding-bottom: 20px;
}

#paczka {
  border: 2px solid white;
  padding: 8px;
  margin: 15px;
}