/* Variables */
:root {
  --main-color: #403e43;
  --back-color: #f6f6f7;
  --diamond-width: 44px;
  --diamond-height: 66px;
  --diamond-margin: 6px;
  --text-size: 72px;
}

/* Fonts */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-VariableFont_wght.ttf');
  font-weight: 700;
}

/* Style */
html {
  height: 100%;
}

body {
  background-color: var(--back-color);
  height: 100%;
  margin: 0;
}

.logo {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
}

.logo-diamond {
  margin-right: var(--diamond-margin);
  width: var(--diamond-width);
  height: var(--diamond-height);
}

.logo-text {
  color: var(--main-color);
  font-family: 'Manrope', sans-serif;
  font-size: var(--text-size);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}