@font-face {
    font-family: 'Liberation Serif';
    src: local('Liberation Serif'), local('LiberationSerif'),
        url('resources/fonts/LiberationSerif.woff') format('woff'),
        url('resources/fonts/LiberationSerif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: local('Liberation Sans'), local('LiberationSans'),
        url('resources/fonts/LiberationSans.woff') format('woff'),
        url('resources/fonts/LiberationSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Mono';
    src: local('Liberation Mono'), local('LiberationMono'),
        url('resources/fonts/LiberationMono.woff') format('woff'),
        url('resources/fonts/LiberationMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*, body {
  box-sizing: border-box;
  font-family: 'Liberation Sans', sans serif;
  color: white;
  background-color: black;
}

.logo_font {
  font-family: 'Liberation Mono', monospace;
  justify-content: center;
}

.logo_gif {
  height: 4rem; 
  justify-content: center;
  align-items: center;
}

.logo_group {
  display: flex;
}