@import '../../common/resources/client/common.css';
@import 'drive/file-view/file-grid/file-grid.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

.image-file-color {
  color: #f44336;
}

.audio-file-color {
  color: #ff9800;
}

.video-file-color {
  color: #f44336;
}

.text-file-color {
  color: #2196f3;
}

.default-file-color {
  color: #757575;
}

.folder-file-color {
  color: #fbc02d;
}

.shared-folder-file-color {
  color: #fbc02d;
}

.archive-file-color {
  color: #fbc02d;
}

.pdf-file-color {
  color: #f44336;
}

.power-point-file-color {
  color: #f57f17;
}

.word-file-color {
  color: #2196f3;
}

.spreadsheet-file-color {
  color: #00897b;
}

.landing-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
}

@media screen and (min-width: 768px) {
  .landing-container {
    max-width: 750px;
  }
}

@media screen and (min-width: 992px) {
  .landing-container {
    max-width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .landing-container {
    max-width: 1170px;
  }
}