/* Compatibility layer for legacy project templates (Embassy/Treasury). */

.project-body{
  overflow-x: hidden;
}

.scroll-shell,
#scrollShell{
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}

model-viewer{
  display: block;
}

@media (max-width: 900px){
  .project-body{
    font-size: 15px;
  }
}

@media (max-width: 480px){
  .project-body{
    font-size: 14px;
  }
}