:root {
  font-family: 'Manrope', Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color: #F4F85A;
  background-color: #2F2F32;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Aclonica', sans-serif;
}

.title {
    font-size: 80px;
    letter-spacing: 2px;
    text-align: center;
}

@media (max-width: 768px) {
    .title {
        font-size: 40px;
    }
}

@font-face {
    font-family: 'Aclonica';
    src: url('/fonts/Aclonica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}