@font-face {
  font-family: "din-2014";
  src: url("/fonts/DIN2014-Regular.ttf");
}
* {
  margin: unset;
}
html {
  height: 100vh;
  font-family: din-2014, sans-serif;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

header {
  background-color: #ff6900;
  color: white;
 
  font-size: 2.5rem;
  padding: 1rem;
}

p {
  color: blue;
}

.canvas-wrapper {
  margin: 0 auto;
  font-size: 0;
}

.footer-container {
  margin: 0 auto 2rem auto;
  width: fit-content;
  padding: 1rem 2.5rem;
  background: linear-gradient(0deg, #04f -11.7%, #2c90e2 104.5%);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 16px;
}

.footer-container div {
  
  width: fit-content;
}

.footer-container svg {
  height: 42px;
}