/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./components/atoms/Logo/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.logo {
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  font-weight: 100;
}
@media (orientation: portrait) {
  .logo {
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: 100;
  }
}
.logo svg {
  width: 3rem;
  height: 3rem;
  fill: none;
  stroke: var(--gray-dark);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (orientation: portrait) {
  .logo svg {
    width: 2rem;
    height: 2rem;
  }
}