header {

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  background-color: #4e537c;

  color: rgb(244, 127, 193);

  font-size: 30px;

}



ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  background-color: #26325d;

  display: flex;

  justify-content: center;

  font-size: 20px;

  font-family: arial,helvetica,sans-serif;

}



ul li a {

  display: block;

  color: rgb(225, 113, 191);

  padding: 14px 16px;

  text-decoration: none;

}



ul li a:hover {

  background-color: #c190b8;

}

.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 25%;

}

.container1 {

display: grid;

grid-gap: 5px;

grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

grid-template-rows: repeat(2, 200px);

}



/* GENERAL STYLES */

.container1 > div {

background-color: #dabdd5;

display: flex;

justify-content: center;

align-items: center;

font-size: 20px;

font-family: arial,helvetica,sans-serif;

color: #3a4980;

}



body {

  background-color: #dabdd5;

  margin-left: auto;

  margin-right: auto;

}



h2 {

  margin: 10px;

}



footer {

  font-size: small;

  font-style: italic;

  font-family: arial,helvetica,sans-serif;

  text-align: center;

}



p {

  font-family: arial,helvetica,sans-serif;

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}

figure {

  text-align: center;

}

* {box-sizing: border-box;}

body {font-family: Verdana, sans-serif;}

.mySlides {display: none;}

img {vertical-align: middle;}