/*! My custom CSS  */

:root {
  --wit: #FAFAFA;
  --darkgreen: #176c0c;
  --lightgreen: #E9F8DD;
  --lightgreen2: #D7F2C2;
  --darkblue: #525B88;
  --lightblue: #DEE2FC;
}


.logo-image {
  width: 80%;
  max-width: 150ch;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

ul {
  padding-left: 3ch;
}

body {
  background: var(--lightblue);
}

h1 {
  font-size: 3ch;
}

.flexbox-container {

  display: flex;
  gap: 10px 10px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 120ch;
  margin-right: auto;
  margin-left: auto;

}



.colA , .colB, .colC {
  padding: 1ch;
  min-width: 45%;
  border-radius: 2ch;
  box-shadow: 5px 5px #D0D0D0;
  max-width: 100%;
  width: 40ch;

}

.colA {
  background: var(--wit);
}

.colB {
  background: var(--lightgreen);
}

.colC {
  background: var(--lightgreen2);
}


.passfoto {
  padding: 1ch 1ch 0 1ch;
  margin-left: auto;
  margin-right: auto;
  display: block;
  min-width: 25ch;
  max-width: 80%;
}