* {
  font-family: "Times New Roman", Times, serif;
  scroll-behavior: smooth;
  transition: 300ms;
  margin: 0px;
}

body {
  background-color: whitesmoke;
  /* color: black; */
  margin: 0;
  padding: 0px;
}

#titelInFoto{
  width: 100%;
  height: auto;
  padding-left: 0px;
  padding-right: 20px;
  margin: -20px;
  text-align: center;
  background-image: url(/Foto/HompageTitlePicture.png);
  background-size: cover;
  z-index: 0;
}

#Quote{
  text-align:center;
  margin-top: 20px;
  margin-bottom: 0;

  color: var(--primaryColor);
  font-size: 3.5vw;
}

a{
  text-decoration: none;
}

h1 {
  font-size: 600%;
  text-align: center;
  color:rgb(134, 124, 226);
}

h2 {
  margin-top: 2vh;
  text-align: center;
  font-size: 200%;

  color: black;
}

#Inleiding{
  text-align: center;
  font-size: 18px;
  margin-top: 1vh;
  padding-bottom: 1vh;
}

#navbar_logo {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.linkNaarBlog{
  object-fit: contain;
  text-align: center;

  border-top: 0.5vh solid var(--primaryColor);
}

.koppelNaarGroepen {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: center;
}

.koppelNaarGroepenTitel{
  border-top: 0.5vh solid var(--primaryColor);
  margin-top: 5vh;
}

.GroepVisualisatieTitel{
  color: var(--visColor);
}



.GroepVisualisatieInformatie{
  text-align: center;
}

.groepSoftwareTitel{
  color: var(--softColor);
}

.groepSoftwareInformatie{
  text-align: center;
}

.groepHardwareTitel{
  color: var(--hardColor);
}

.groepHardwareInformatie{
  text-align: center;
}

.fotogroepInformatie{
  width: 100%;
  height: 25vh;
  border-radius: calc(1vh - 1px);
}

#LogoFoto{
  margin-bottom: 2vw;
}

.sponsors{
    text-align: center;
}

.koppelboxes{
  width: 400px;
  height: 500px;

  margin: 20px;

  border: 0.2vh solid darkslategray;
  border-radius: 1vh;

  background-color: rgb(235, 235, 235);
}