.buttons {
	border : solid 0px #e6b215;
	border-radius : 8px;
	moz-border-radius : 8px;
	font-size : 16px;
	color : #ffffff;
	padding : 5px 18px;
	background-color : #FF9900;
	cursor:pointer;
}

.buttons:hover {
	background-color:#ffc477;
}

.buttons:active {
	position:relative;
	top:1px;
}

.hero-section {
    min-height: 80vh;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #1e293b
        );

    position: relative;
}

.hero-section::before {
    content: "";

    position: absolute;
    inset: 0;

    background-image:
        radial-gradient(
            rgba(255,255,255,.08) 1px,
            transparent 1px
        );

    background-size: 30px 30px;
}

.hero-section .container {
    position: relative;
    z-index: 2;
}

/* Architecture Page */

.architecture-card {
    border-radius: 12px;
}

.architecture-image {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    background-color: white;
    padding: 10px;
}

.placeholder-diagram {
    height: 300px;
    border: 2px dashed #ced4da;
    border-radius: 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 1.5rem;
    color: #6c757d;

    background-color: #f8f9fa;
}
/* END Architecture Page Styles*/

#newPost {
	margin: 0 auto;
	width: 90%;
}

#charCounter { float:right }

textarea {
  width:		100%;
	height: 	10em;
}

#content {
  width: 90% ;
  margin-left: auto ;
  margin-right: auto;
	margin-bottom: 10px;
	font-family:verdana, sans-serif;
	word-spacing:4pt;
	font-size:14px;
}

#posts {
	font-weight:normal;
	color:#000000;
	word-spacing:4pt;
	font-size:10px;
	text-align:left;
	font-family:verdana, sans-serif;
	width: 90%;
	margin: 0 auto;
}

#posts th {
	background-color: #FF9900;
	color: white;
	padding: 8px;
	border-bottom: 1px solid #ddd;
}

#posts td {
	padding: 8px;
	border-color: #666666;
	background-color: #ffffff;
	border-bottom: 1px solid #ddd;
}

#projects .card-body {
    background-color: #f8fafc;
}

/* Certification Section */
#certifications .list-group-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Certification Name */
#certifications .cert-name {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #232f3e;
}

/* Validation URL */
#certifications .cert-link {
    margin-top: 0.35rem;
    margin-bottom: 0;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.85rem;
    color: #6c757d;
    word-break: break-all;
	color: #0d6efd;
}