@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
body {
  min-height: 100vh;
  position: relative;
  background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
  background-color: rgb(240, 240, 240);
  padding-bottom: 50px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header {
  padding: 0px 20px;
  font-size: 40px;
  background-color: #fdb827;

  text-shadow: 0px 0px 2px rgb(124, 124, 124);
  height: 50px;
  box-shadow: 0px 0px 10px black;
}