* {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}


body {
  margin: 50px;
  background-color: #0d1117;
  color: #F0F3F6;

}

h1, h2 {
  color: #F0F3F6;
}

p {
  color: #B1BAC4;
}

.center-heading {
  text-align: center;
  padding: 50px;
}

body {
    text-align: center;
}


/* Shared Section Styling */

.feature-section {
  width: 100%;
  min-height: 150px;
  padding: 10px 0;
  margin: 20px 0;
  background-color: #161B22;
  border: 5px solid #000000;

  display: flex;
  align-items: center;
  gap: 30px;
}

.feature-image {
  width: 150px;
  margin: 10px;
}

.feature-link {
  font-size: 40px;
  color: #58A6FF;
  text-decoration: none;
}

.under-construction-image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

/* Individual section positioning */


.media-section {
  justify-content: flex-start;
}

.rocks-section {
  justify-content: center;
}

.printing-section {
  justify-content: flex-end;
}


/* Main spinning cat */

.spin {
    animation: spin 120s linear infinite;
}

.main-cat {
    width: 300px;
    padding: 20px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;

}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}