:root{
    --griffinRed: #e31B23;
    --brightRed: #ff2a1a;
    --deepCrimson: #8b0e16;
    --darkBurgandy: #5c0a10;
    --maroon: #330508;
    --griffinGold: #F2A900;
    --wildingOrange: #ff6a00;
    --hotMetal: #ffb000;
    --brightGold: #ffd15a;
    --arcBlue:#168bff;
    --electricBlue:#62C8ff;
    --lightArCBlue:#bde6ff;
    --arcwhite:#ffffff;
    --jetBlack: #0a0a0a;
    --industrialBlack: #171717;
    --charcoal: #2b2f33;
    --steelGray:#59636b;
    --brushedSteel: #A7Adb2;
    --silver: #d9dde0;
    --darkLeather:#5a3a1f;
    --richBrown:#6f4A28;
    --mediumBrown: #8a5e34;
    --lightBrown: #a97142;
    --warmTan:#C18a5a;
    --deepBrown:#3E2a16;
    --dustyBrown:#7a602e;

    /*
    primary colors
    griffinRed, jetBlack, silver.
    Accents
    griffinGold, weldingOrange, arc blue, arc white.
    */

}

body{
    background-color: var(--industrialBlack);
    color: var(--silver);
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin:0px;
    
}

.top-bar{
    background-color:var(--arcwhite);
    color: var(--deepBrown);
    text-align:right;
    font-weight: bold;
    padding: 20px;
}
.top-bar a{
    text-decoration:none;
    Font-weight:bold;
    color: var(--darkBurgandy);
    padding:10px;

}

nav{
    text-decoration:none;
}

 nav a {
    color: var(--arcwhite);
    font-weight:bold;
    text-transform:uppercase;
    display: inline-block;
    text-decoration: none;
    padding:15px;

    
 }
 nav a:hover{
    text-decoration:underline;
 }

 h1{
    color: var(--griffinRed);
 }
footer{
    font-size:18px;
    height: fit-content;
    padding:20px;
    background-color:var(--jetBlack);
}
footer a {
    color: var(--silver);
    text-decoration:none;
}
.card {
    color: var(--arcwhite);
    background-color: var(--deepCrimson);
    padding:10px;
    border:3px solid var(--griffinGold);
    border-radius: 15px;
}
.main-header{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-left:80px;
    padding-right:80px;
    background-color:inherit;
}
.main-header-item{
    display:inline-block;
}
.mainContent{
    background-image:  linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('SamWelding2Crop.jpg') ;
    background-size: cover;
    background-position: center;
   
    padding:30px;
}
.mainBlurb h2{
    font-size:100px;
}
.mainBlurb h3{
    font-size:50px;
}

.subcontent{
    background-color:var(--brushedSteel);
    padding:10px;
    color: var(--jetBlack);
}

.container-for-centered{
    display:flex;
    justify-content:center;
    align-items:center;
    height:max-content;
}
.sticky {
  position: sticky;
  top: 0;
  z-index: 1000; /* Keeps it on top of other content */
}
.flex-container{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}
.grid-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap: 10px;
}
.half-width{
    grid-column:span 1;
    
}
.full-width{
    grid-column: span 2;

}
.full-width input,textarea,select{
    width:100%;
}
p {
    font-size: 20px;
}