/**
* CSS for HireShannon.com
* Author: Josh Martin
**/

/**
* Base Color Palette
* 
* #F57F17 - Tangerine
* #F7C7C0 - Blush
* #6A9C89 - Moss Green
* #4B2E2A - Cocoa
* #2F2F2F - Charcoal
* #FFFFFF - White
*
**/

/**
* Core
**/
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Open Sans';
    color: #2F2F2F;
    background: linear-gradient(180deg, #F7C7C0 0%, #FFF8F0 100%);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins';
}

/**
* Classes
**/
.tangerine {
    color: #F57F17;
}

.blush {
    color: #F7C7C0;
}

.moss {
    color: #6A9C89; 
}

.cocoa {
    color: #4B2E2A;
}

.charcoal {
    color: #2F2F2F;
}

.white {
    color: #FFFFFF;
}

.btn {
    font-family: 'Poppins';
}

.btn-tangerine {
    background: #F57F17;
    border: 1px solid #F57F17;
    color: #FFFFFF;
}

.btn-tangerine:hover {
    background-color: none;
    border: 1px solid #F57F17;
    color: #F57F17;
}

.btn-moss {
    background: #6A9C89;
    border: 1px solid #6A9C89;
    color: #FFFFFF;
}

.btn-moss:hover {
    background-color: none;
    border: 1px solid #6A9C89;
    color: #6A9C89;
}

.btn-blush {
    background: #F7C7C0;
    border: 1px solid #F7C7C0;
    color: #2F2F2F; 
}

.btn-blush:hover {
    background-color: none;
    border: 1px solid #F7C7C0;
    color: #2F2F2F;
}

/**
* Divs
**/
#main-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}

#main-content h1 {
  font-size: 4rem;
  letter-spacing: 0.2rem;
  font-weight: 800;
  text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.3); /* subtle halo */
}

/**
* Font Families and Classes
**/
@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Medium';
    src: url('../font/OpenSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.os {
    src: url('../font/OpenSans-Regular.woff2') format('woff2');
}

.osm {
    src: url('../font/OpenSans-Medium.woff2') format('woff2');
}

.pop {
    src: url('../font/Poppins-Regular.woff2') format('woff2'); 
}