body {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: black;
}
h1 {
    color:white;
    font-size:80px;
    background-image: url("media/main.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
}
h2 {
    color: rgb(0, 200, 40);
    font-size: 50px;
    background-image: url("media/h2.png");
    background-size: cover;
    background-position: center;
}
h3 {
    color: rgb(31, 67, 134);
    font-size: 50px;
}
h4 {
    color: white;
    font-size: 30px;
}
h5 {
    color: white;
    font-size: 50px;
    background-image: url("media/h5.jpg");
    background-size: cover;
    background-position: center;
}
h6 {
    color: white;
    font-size: 50px;
    background-image: url("media/h6.png");
    background-size: cover;
    background-position: center;
}
p {
    color: white;
    font-size: 20px;
}
pre {
    color: white;
    font-size:15px;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
    .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}
.text-container {
  max-width: 1000px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
.buttonpgmh {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: 1px solid #4CAF50;
  border-radius: 15px;
  margin-left:auto;
  margin-right:auto;
  width: 300px;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.5s;
}
.buttonpgmh:hover {
    background-color: black;
    border: 1px solid white;
    box-shadow: 0px 0px 40px #4CAF50;
    
}
.button {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: rgb(31, 67, 134);
  border: 1px solid rgb(31, 67, 134);
  border-radius: 15px;
  margin-left:auto;
  margin-right:auto;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.5s;
}
.button:hover {
    background-color: black;
    border: 1px solid white;
    box-shadow: 0px 0px 40px rgb(31, 67, 134);
    
}
.buttonmedia {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  border-radius: 15px;
  margin-left:auto;
  margin-right:auto;
  width: 120px;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.5s;
}
.buttonmedia:hover {
    background-color: black;
    border: 2px solid white;
    box-shadow: 0px 0px 40px white;
}
.buttonmenu {
  display: inline-block;
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: rgb(31, 67, 134);
  border: 1px solid rgb(31, 67, 134);
  border-radius: 15px;
  vertical-align: top;
  margin-left:5px;
  transition: background-color 0.5s, box-shadow 0.5s, border 0.5s;
}
.buttonmenu:hover {
    background-color: black;
    border: 1px solid white;
    box-shadow: 0px 0px 40px rgb(31, 67, 134);   
}
.icon {
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
  vertical-align: top;
}
.navbar {
    position: sticky;
    top: 0px;
    background-color: black;
}
.contact-container {
    display: block;
    height: auto;
    max-width: 740px;
    min-width: 350px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}