/*////////////////////////////////////////////////////////////////////
// Copyright 2025 (c) Yanko Lemoine
//
// This program and the accompanying materials are made
// available under the terms of the Eclipse Public License 2.0
// which is available at https://www.eclipse.org/legal/epl-2.0/
//
// SPDX-License-Identifier: EPL-2.0
////////////////////////////////////////////////////////////////////*/

#greetings {
    margin-left: 5%;
    height: 110vh;
    width: 90vw;
    
    h1 {
        position: absolute;

        z-index: -1;
        
        left: 50%;
        transform: translateX(-50%);

        width: 75vw;
        
        font-size: 4vw;
        text-shadow: 0px 0px 50px black;
        text-align: center;
    }

    h1 strong {
        font-size: 8vw;
    }
    
    img {
        z-index: -3;
        
        position: sticky;
        object-fit: cover;

        transform: translateY(-10vh);
        
        width: 100%;
        height: 100%;
        
        border-radius: 5%;
        
        opacity: 80%;

        box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    }
}

@media screen and (max-width: 680px) {
    #greetings {
        height: 80vh;

        img {
            height: 70vh;
        }
        
        h1 {
            position: absolute;
            top: 80vh;
            width: 85vw;
        }

        h1 strong {
            font-size: 9vw;
        }
    }


}