/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%23b568ac' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23d686cc' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%23b568ac' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23d686cc' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23F8A6ED' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23b568ac' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23d686cc' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23F8A6ED' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23d686cc' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23b568ac' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23F8A6ED' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23b568ac' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23F8A6ED' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23d686cc' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23F8A6ED' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");
  color: black;
  font-family: Verdana;
  display: flex;
  justify-content:center;
  align-items:center;
  height:100vh;
}
.flexy {
  display: flex;
  flex-direction: column;
  background-color: #f4f4f4;
  padding: 5px;
}

.flexcontainer1 {
  display: flex;
  justify-content:center; 
  align-items:center;
  padding: 5px
}
.buttons{
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content:center; 
  align-items:center;
}
.flexcontainer2 {
  display: flex;
}
.flexcontainer3{
  display: flex;
  flex-direction: row;
  margin-right:20px;
}

.button{
  background-color: #f8a6ed;
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
}

a{
 text-decoration: none
}

.basic{
  display: flex;
  background-color: #f4f4f4;
  padding:15px;
  }