@charset "utf-8";
/* CSS Document */

a, a:hover, a:checked, a:visited, a:link {
    text-decoration: none;
    color: black;
}
h1 h2, h3 {
    font-family: 'Girassol', cursive;
	color: gold;
}
p {
    font-family: 'Big Shoulders Display', cursive, sans-serif;
    
}
html{
    /* scroll-snap-type: block; */  
}
body, h1, h2{
    margin: 0px 0px 0px 0px;
}
/*  WEBSITE/WEBPAGE CONTAINER  */
#container{    
/*    */
    background-color:rgba(247,216,109,0.49);
}

header{
    /* background Inherritance Model 
    scroll-snap-type: block; */
}

#headline{
    margin-top: 0px;
}

#headline, header h2 {
    background-color: #fff;
    font-family: 'Coda Caption', sans-serif;
    font-size-adjust: auto;
    font-size: 10em;
/*  min-height: 200px;
    letter-spacing: -30px;
    text-decoration-line: overline;
    text-decoration-style: double;*/
    text-decoration-color: burlywood;
    text-align: center;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size:cover;   
    background-position: 50% 50%;
/*  word-break: break-all;*/  /* BREAKS each WORD UP */
/*	background-repeat:repeat-y;*/ /*Image large enough, not needed*/
    background-image: url("img/The_Battle_of_Trafalgar_by_William_Clarkson_Stanfield.jpg");
    z-index: 4;
}
header h2, nav ul li {
    font-family: 'Girassol', cursive;
    text-decoration: none;
    font-size: 50px;
    letter-spacing: normal;
}
#headline a:hover {
    cursor: pointer;
    /* POSITIONING OF BANNER MOVES UP */
/*    background-size: cover;
    background-position: 50% 50%;
    height: 100%;
    background-image: url("img/The_Battle_of_Trafalgar_by_William_Clarkson_Stanfield.jpg");
    z-index:3;*/
/* REMOVED THE HOVER EFFECT for FUTURE Tinkering */
}
nav{
    margin: auto 0px;
    width: 100%;
    /*height: 100px;
    z-index: 6;*/
    /* nav bar above header to hide when scrolling down 
    scroll-snap-align: start;
    scroll-snap */
}
nav ul{
    display: flex;
    justify-content: space-evenly; 
}
nav ul:hover{
    color:blanchedalmond;
    background: #8C0002;
}
nav ul li{
    width: 30%;
    text-align: center;
    background: burlywood;
    opacity: 0.68;
    list-style-type: none;
}
nav ul li a:hover{
    color:blanchedalmond;
    background-color: rgba(189,12,15,1.00);
    box-shadow: 0 15px 30px 0px red;
}

#banderole a:hover{
    color:orange;
    text-shadow: 0 0 30px orangered;
    }
#illumi_txt a:hover{
    color:gold;
    text-shadow: 0 0 30px gold;
}
#arcana a:hover{
    color:darkblue;
    text-shadow: 0 0 30px blue;
}

main{
    margin: 0px 0px 0px 0px;

}

#section_div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section{
    
    margin: 0px 0px 0px 0px;
    width: 800px;
    background-color:rgba(193,0,3,0.70);
}

section p {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.33em;
    word-wrap: normal;
}
#sec1_Banderole {
   
    /* [disabled]margin-top: 0px; */
    /* [disabled]margin-left: 0px; */
    /* [disabled]display: inline-block; */
    
}
#sec2_Illumi_txt {
    
}
#sec3_Arcana {
    
}
#footer_div{  
    
}
footer{ 
    
}