/* Main SCSS file for Hugo site */
@font-face {
  font-family: 'Montserrat';
  src: url("/fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("/fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

body {
  font-family: 'Montserrat', Arial, sans-serif;
  margin: 0;
  padding: 20px;
  background-color: #f5f5f5; }

.home-page {
  max-width: 800px;
  margin: 0 auto;
  background: #ffffff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  .home-page h1 {
    color: #333;
    margin-bottom: 20px; }
  .home-page p {
    color: #666;
    line-height: 1.6; }

.error {
  color: red;
  background: #ffe6e6;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ffcccc; }

.r2-data {
  background: #f0f8ff;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #b3d9ff;
  margin-top: 20px; }
  .r2-data h2 {
    color: #0066cc;
    margin-top: 0; }

.hero-section {
  background: linear-gradient(135deg, #0066cc, #003366);
  color: white;
  padding: 60px 20px;
  text-align: center; }
  .hero-section h1 {
    font-size: 2.5rem;
    margin-bottom: 20px; }
  .hero-section p {
    font-size: 1.2rem;
    margin-bottom: 30px; }

.text-section {
  padding: 40px 20px; }
  .text-section h2 {
    color: #0066cc;
    margin-bottom: 20px; }

.image-section {
  text-align: center;
  padding: 40px 20px; }
  .image-section img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }