@charset "utf-8";
/* CSS Document */
body {
	background-color: x#ffffff;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
Nobody {
	background-color: indigo;
	color: #000;
	
}
a:link {
	color: rgb(0, 81, 255)
	text-decoration: none;
}
a:visited {
	color: #f7611c;
	text-decoration: none;
}
a:hover {
	color: #11a832
	text-decoration: underline;
}
a:active {
	color: #FF0000
	text-decoration: none;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1em;
}

 .center-top {
            width: 95%;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -47.5%;
        }

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
	padding-top: 5px;
  z-index: 1;
}
.med-txt {
    font-size: .75em;
}
.big-txt {
    font-size: 1.25em;
}
.bigr-txt {
    font-size: 2.5em;
}
.purp-text {
	color: #c78def;
}

.ltpurp-text {
	color: #C7AEE7;
}

.blutxt {
color: #2607A4;
	text-shadow: 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white;
}
.yeltxtblkshdw {
color: #ff0;
	text-shadow: 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black;
}
.whttxtblkshdw {
color: #fff;
	text-shadow: 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black, 5px 5px 30px black;
}
.blktxt {
color: #000000;
}

.Sblktxt {
color: #000000;
	text-shadow: 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white;
}

.tshad {
	text-shadow: 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white,5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white;
	
}
#indnt {
	margin-left: 20%;
}
.center {
		text-align: center;
}
.left {
		text-align: left;
}
.yeltxt {
color: #FFFF00;
}
.graytxt {
color: #B5B5B5;
}
.redtxt {
color: #FF0000;
}
.whtShad {
	text-shadow: 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white, 5px 5px 30px white;
}

#BlankBox {
  width: 98%;
  height: 1000px;	
  padding: 5px;
  margin: 5px;
}

.contact-container {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  width: 95%;
  max-width: 520px;
  padding: 40px;
  margin: 0 auto;
}

.contact-header {
  text-align: center;
  margin-bottom: 32px;
}

.contact-header h1 {
  font-size: 28px;
  color: #1a1a2e;
  margin-bottom: 8px;
}

.contact-header p {
  color: #666;
  font-size: 15px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  background: #fafafa;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
  background: #fff;
}

.form-group textarea {
  min-height: 140px;
  resize: vertical;
}

.submit-btn {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s, opacity 0.2s;
}

.submit-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.required {
  color: #e74c3c;
}

.success-message {
  display: none;
  text-align: center;
  padding: 40px 20px;
}

.success-message.show {
  display: block;
}

.success-message .icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.success-message h2 {
  font-size: 22px;
  color: #1a1a2e;
  margin-bottom: 8px;
}

.success-message p {
  color: #666;
  font-size: 15px;
  margin-bottom: 24px;
}

.success-message button {
  padding: 10px 24px;
  background: #667eea;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.form-wrapper.hide {
  display: none;
}

.error-message {
  display: none;
  background: #fee2e2;
  color: #b91c1c;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center;
}

.error-message.show {
  display: block;
}