@font-face {
  font-family: 'gmvdin';
  src: url('../assets/fonts/gmvdin/GMV_DIN_Pro-Light.ttf');
  font-style: normal;
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'gmvdin';
  src: url('../assets/fonts/gmvdin/GMV_DIN_Pro.ttf');
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'gmvdin';
  src: url('../assets/fonts/gmvdin/GMV_DIN_Pro-Medium.ttf');
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: 'gmvdin';
  src: url('../assets/fonts/gmvdin/GMV_DIN_Pro-Bold.ttf');
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: 'gmvdin';
  src: url('../assets/fonts/gmvdin/GMV_DIN_Pro-Black.ttf');
  font-style: normal;
  font-display: swap;
  font-weight: bolder;
}

@font-face {
  font-family: 'doctor-glitch';
  src: url('../assets/fonts/doctor-glitch/doctor-glitch.otf');
  font-style: normal;
  font-display: swap;
}

body,
html {
  padding: 0;
  font-family: 'gmvdin';
  max-width: 700px;
  margin: 0;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  margin: 0 auto;
}

img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

input {
  border: none;
}

textarea:focus,
input:focus {
  outline: none;
}