/*
  Dearden2007 CSS split generated from the original style.css.
  shared.css contains only global header/navigation/footer/base rules.
  Each page stylesheet contains rules matched to that page's HTML.
*/

/* Page: about */

.about-hero{
    display: flex;
    gap: 50px;
    padding: 60px;
    background: #000;
    color: white;
}

.about-left{
    flex: 1;
}

.about-left img{
    width: 100%;
    border: 3px solid #d61c1c;
    box-shadow: 0 0 25px rgba(214,28,28,.4);
}

.about-right{
    flex: 2;
}

.about-right h1{
    color: #d61c1c;
    font-size: 64px;
    margin-bottom: 20px;
}

.about-right p{
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.memory-section{
    padding: 60px;
    background: #0b0b0b;
}

.memory-section h2{
    text-align: center;
    color: #1e4cff;
    font-size: 56px;
    margin-bottom: 40px;
}

.memory-grid{
    display: flex;
    gap: 50px;
}

.memory-photo{
    flex: 1;
}

.memory-photo img{
    width: 100%;
    border: 3px solid #1e4cff;
    box-shadow: 0 0 25px rgba(30,76,255,.4);
}

.memory-text{
    flex: 2;
}

.memory-text p{
    font-size: 24px;
    line-height: 1.8;
}

.journey-section{

    padding: 100px 0;

    background: #000;

    overflow: hidden;
}

.journey-section h2{

    text-align: center;

    font-size: 44px;

    color: white;

    margin-bottom: 60px;

    text-transform: uppercase;

    letter-spacing: 3px;
}

.journey-section h3{

    text-align: center;

    color: #1e4cff;

    margin-bottom: 10px;

}

.journey-btn{

    display: inline-block;

    margin-top: 40px;

    padding: 25px 60px;

    font-size: 28px;

    font-weight: bold;

    text-decoration: none;

    text-transform: uppercase;

    color: white;

    border-radius: 50px;

    background: linear-gradient(
        45deg,
        #0b1c4a,
        #1e4cff
    );

    border: 3px solid #1e4cff;

    box-shadow:
        0 0 20px rgba(30,76,255,.5);

    transition: all .3s ease;
}

.journey-btn:hover{

    background: linear-gradient(
        45deg,
        #750000,
        #d61c1c
    );

    border-color: #d61c1c;

    transform: scale(1.05);

    box-shadow:
        0 0 30px rgba(214,28,28,.7);
}

.journey-section{

    text-align: center;

    padding: 80
    
    px 20px;
}