@keyframes wrapFromRight
{
	from{margin-left: 99vw;}
	to{margin-left: -29vw;}
}

header
{
display: flex;
margin-left: 2vw;
width: 96vw;
height: 15vh;
overflow-x: hidden;
background-image: url("../images/header_back2.png");
background-repeat: no-repeat;
background-size: 96vw 15vh;
background-position: center;
}

.imgHeader
{
/*width: 30vw;*/
height: 13vh;
animation: 8s linear 0s wrapFromRight infinite;
}

body
{
background-image: url('../images/tole2.jpg');
}



main
{
display: flex;
justify-content: space-around;
align-items: center;
width: 96vw;
height: 80vh;
margin-left: 2vw;
margin-top: 1vh;
}

#newsSplash
{
display: flex;
flex-wrap: wrap;
width: 51vw;
height: 80vh;
justify-content: center;
align-items: center;
background-image: url("../images/header_back2.png");
background-repeat: no-repeat;
background-size: 51vw 80vh;
background-position: center;
padding: 7vh;
}

.nsTitle
{
width: 40vw;
height: 10vh;
font-size: 1.8vw;
color: var(--dark-blue);
text-align: center;
padding: 1vw;
text-transform: uppercase;
font-family: "pochoir";
margin-bottom: 0vh;
}

.nsText
{
width: 40vw;
height: 53vh;
font-size: 1.6vw;
color: var(--dark-rust);
text-shadow: 1px 2px 5px var(--smashed-pumpkin);
text-align: justify;
font-family: "Font2";
padding: 1vh;
margin-top: 0vh;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--dirty-white) var(--metallic-blue);
word-break: break-all;
}

.nsPict
{
display: block;
float: left;
max-width: 25vw;
height: 35vh;
border: 5px solid var(--metallic-blue);
margin-right: 1vh;
margin-bottom: 1vh;
}

.nsPictClicked{
position: absolute;
z-index: 2;
max-width: 98%;
height: 98%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 4px solid var(--metallic-blue);
}

#newsList
{
display: flex;
flex-direction: column;
width: 42vw;
height: 80vh;
align-items: center;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--dirty-white) var(--metallic-blue);
}

.newsMini
{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
width: 40vw;
height: 35vh;
margin-top: 1vh;
background-image: url("../images/header_back2.png");
background-repeat: no-repeat;
background-size: 40vw 33vh;
background-position: center;
}

.nmInfos
{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
width: 20vw;
height: 33vh;

}

.nmTitle
{
height: 5vh;
width: 20vw;
font-size: 1.2vw;
text-align: center;
color: var(--dark-blue);
text-transform: uppercase;
font-family: "pochoir";
text-shadow: 1px 2px 5px var(--smashed-pumpkin);
margin-bottom: 0px;
}

.nmText
{
display: flex;
align-items: center;
width: 20vw;
height: 20vh;
box-sizing: border-box;
font-family: "Font2";
font-size: 1.3vw;
padding-left: 3vw;
color: var(--dark-blue);
margin-top: 0px;
}

.nmPict
{
display: flex;
max-width: 15vw;
max-height: 25vh;
align-items: center;
justify-content: center;
border: 2px solid var(--metallic-blue);
}