/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./app/components/Panels/Panels.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.panels {
  display: flex;
  flex-wrap: wrap;
  background-color: #E8E8E8;
}
.panels .main-panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.panels .main-panels img {
  position: relative;
}
.panels .main-panels h1 {
  position: absolute;
  color: white;
  font-size: 40px;
  padding-top: 30px;
}
.panels .down-panels {
  display: flex;
  flex-wrap: wrap;
  height: 400px;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.panels .down-panels p {
  font-size: 20px;
  width: 55%;
}