/* 
 * Styles for my-project
 * Generated by DeepSite
 * Date: 2025-10-27T21:22:14.459Z
 * Single page
 */

/* Basic styles */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  color: #333;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #0066cc;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Tailwind-like utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.h-screen { height: 100vh; }
.overflow-hidden { overflow: hidden; }
.bg-white { background-color: white; }
.text-xs { font-size: 0.75rem; }
.text-2xl { font-size: 1.5rem; }
.text-4xl { font-size: 2.25rem; }
.lg\:text-4xl { font-size: 2.25rem; }
.lg\:text-6xl { font-size: 3.75rem; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.rounded-full { border-radius: 9999px; }
.mb-2 { margin-bottom: 0.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.w-full { width: 100%; }
.inline-block { display: inline-block; }
.block { display: block; }
.absolute { position: absolute; }
.bottom-8 { bottom: 2rem; }
.left-0 { left: 0; }
.w-\[100px\] { width: 100px; }
.transform { transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); }
.rotate-\[30deg\] { transform: rotate(30deg); }
.border { border-width: 1px; }
.border-amber-500\/15 { border-color: rgba(245, 158, 11, 0.15); }
.bg-amber-500\/15 { background-color: rgba(245, 158, 11, 0.15); }
.text-amber-500 { color: rgb(245, 158, 11); }
.text-gray-400 { color: rgb(156, 163, 175); }

/* Media queries */
@media (min-width: 1024px) {
  .lg\:text-4xl { font-size: 2.25rem; }
  .lg\:text-6xl { font-size: 3.75rem; }
}