// app global css in SCSS form
.text-brand {
  color: $green-14 !important;
}
  
.bg-brand {
  background: $green-14 !important;
}

$base-width: 100;
@while $base-width > 0 {
   .w#{$base-width} { width: #{$base-width}+'%'; }
   $base-width: $base-width - 10;
}

$base-height: 100;
@while $base-height > 0 {
   .h#{$base-height} { height: #{$base-height}+'%'; }
   $base-height: $base-height - 10;
}

:root {
  --body-width: 600px;
  --top-raduis: 12px;
  --logo-color-bg-white: grey;
  --dynamic-font-size: 16px;
}

#q-app {
  padding-bottom: env(safe-area-inset-bottom, 0);
  padding-bottom: constant(safe-area-inset-bottom, 0); // Для старых iOS
}

body {
  overflow: hidden !important;
}
  
.projects-header {
  background-color: #eee;
}

.top-rounded-card {
  border-top-left-radius: var(--top-raduis);
  border-top-right-radius: var(--top-raduis);
}