/*
Theme Name: My Block Theme
Author: Varunkanth Arani Panneerselvam
Description: My DGL233 Project 1 block theme. My Block theme is a clean, modern block-based portfolio theme designed for developers, designers, and creative professionals. It emphasizes clarity, accessibility, and flexibility, offering custom templates, global styles, and a cohesive design system powered by theme.json. With support for full site editing, custom colors, typography, and responsive layouts, My Block Theme makes it easy to build polished personal websites, resumes, and project showcases.
Version: 1.0
Requires PHP: 7.4
Tags: one-column, portfolio, custom-colors, custom-logo, custom-menu, block-theme, full-site-editing, style-variations, editor-style, featured-images, wide-blocks, accessibility-ready, translation-ready
*/

html {
  scroll-behavior: smooth;
}
/* Wrapper */
.vs-contact-form {
  max-width: 984px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 3rem;
}

/* Labels */
.vs-contact-form label {
  font-weight: 600;
  color: #333;
}

/* Inputs + Textarea */
.vs-contact-form input[type="text"],
.vs-contact-form input[type="email"],
.vs-contact-form textarea {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  transition: all 0.3s ease;
  margin-top: 5px;
}

/* Focus effect */
.vs-contact-form input:focus,
.vs-contact-form textarea:focus {
  outline: none;
}

/* Submit button */
.vs-contact-form input[type="submit"] {
  background: #283618;
  color: #fff;
  padding: 14px 20px;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Hover */
.vs-contact-form input[type="submit"]:hover {
  background: #283618;
}