/*

    Script:     index.css
    Author:     Charles Edwards
    Purpose:    Style sheet rules for the index page only

*/

/*
    hero-element-container-flex-aligner::used to align the contents inside of the content overlay container
*/
.hero-element-container-flex-aligner
{
    margin: auto;
    border: none;
    padding: 0px;

    width: 100%;
    height: 100%;

    /* modern browser centre */
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
    hero-element-container
*/
.hero-element-container {

    position: relative;

    /* top: 40%; */

    margin: auto;
    border: none;
    padding: 0px;

    text-align: center;
    /* font-variant: small-caps; */
    font-weight: normal;

    color: var(--tertiary-colour);

    text-shadow: rgb(45 45 45) 3px 2px 7px; 
    /* 1, 1, 5 was 5 */

}

.main-title {
    font-size: 4vw;
    /* font-variant: small-caps; */
    font-weight: normal;
}

.main-p {
    color: white;
    font-size: 1.5vw;
    font-variant: small-caps;
    text-shadow: rgb(45 45 45) 1px 1px 3px; 
    font-weight: 100;
    
    /* background-color: rgba( 0, 0, 0, 0.6 );
    padding: 5px;
    border-radius: 5px; */
}

.hero-element-photosensitiveWarning-menu {

    position: relative;
  
    margin: 0px;
    border: none;
    padding: 0px;
  
    width: 100%;
    height: 100%;
  
    
  
    text-align: center;
  
    color: var(--tertiary-colour);
  
    text-shadow: rgb(0, 0, 0) 1px 1px 5px;
  
    /* modern browser centre */
    display: flex;
    align-items: center;
    justify-content: center;
  
    white-space: normal;
  
  }


  input[type=submit] {
  
    background: none;
  
    color: white;
    padding: 12px 20px;
    border: none;
    border-bottom: 1px solid var(--primary-colour);
  
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: lighter;
    font-size: larger;
  
    text-transform: uppercase;
  
    cursor: pointer;
  
    transition: ease 0.3s;
  
  }
  
  input[type=submit]:hover {
    box-shadow: 0px 12px 14px -16px white;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff;
    transition: ease 0.3s;
  }

/* text light */


.text-light-base {

    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;

    color: rgb( 255, 255, 255,  0.15 );
}

.text-light-glow {
    color: rgb( 255, 255, 255, 1 );
    text-shadow: 0 0 10px #fff, 0 0 20px #fff;
    animation: text-glow infinite 3.5s ease;
}

@keyframes text-glow {
    0% {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff;
    }
    50% {
        text-shadow: 0 0 0px #fff, 0 0 10px #fff;
    }
    100% {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff;
    }
  
  }