/*custom font*/
@font-face {
    font-family: 'zombieregular';
    src: url('zombie-regular-webfont.woff2') format('woff2'),
         url('zombie-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*main background */
body{
  margin: 0;
  padding:0;
  height:100%;
   background-image: url(/Other_images/purplebg.png);
   background-color:  #423452;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
 display: flex;
  flex-direction: column;
  min-width:100vh;
}
  


header{
   background-color:#423452;
   background-image:url(/Other_images/header.png);
    background-position: center;
    background-size: cover; 
     background-repeat: no-repeat;
   text-align: center;
   padding: 25px;
   height:98px;
}


.navbar ul{

    list-style-type: none;
    background-color: #251d2e;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    
    
    

}

.navbar a{

    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
    transition: transform 0.4s ease;
    

}

.navbar a:hover{

    background-color: hsl(0, 0%, 10%);
   transform: scale(1.05);
}

.navbar li{

float:left;

}


  /* NEWS SECTION */
a:link {
 color:#b02e41;
  background-color: transparent;
  text-decoration: none;
}

a:link:hover {
  filter: brightness(0.6);
  transform: scale(1.05);

}


a:visited {
 color:#b02e41;
  background-color: transparent;
  text-decoration: none;
}
.recent-update{
background-color:#541921;
margin:10px;
text-align: center;
padding:2px;
 border-radius: 5px;
 
}

.older-update{
 padding:2px;
 background-color:#541921;
 margin:10px;
 text-align: center;
 border-radius: 5px;
}

.news{
 display: flex;
 flex-direction:column;
 background-color:#381016;
  border: 5px solid #541921;

}



  
  /* MAIN CONTAINER */

.container {
  margin: 5;
  width:100%;
  height:100%;
   display:flex;
   flex-direction:row;
   justify-content:space-evenly;
   align-items: center;
  flex: 1;
}


.createdby{
 align-items: flex-end;
 background-color:#541921;
 min-width: 30vh;
 border: solid #381016 5px;

  
}

.displaywarning{
 align-items: flex-end;
 background-color:#251d2e;
 color:#ab85d4;
 font-size: 20px;
 min-width: 20vh;
 margin:10px;
 border: 3px dashed #7a5f96;
 
}

.updateinfo{
 align-items: flex-end;
 background-color:#251d2e;
 color:#ab85d4;
 font-size: 20px;
 min-width: 20vh;
 margin:10px;
 border: 3px dashed #7a5f96;
}



.btn{
 transition: transform 0.4s ease;
  align-content: flex-start;
  margin:1vh;
}

.btn:hover {
  filter: brightness(0.6);
  transform: scale(1.05);
}

.row {
  display: flex;
  flex-direction:row;
  background-color: #251d2e;
  align-items: center;
  border: 3px dashed #7a5f96;
  
  
}


.socials {
 margin: 0px auto;
    display:flex;
   flex-direction:row;
   justify-content:space-evenly;
   flex-wrap: wrap;
   gap: 2vh;
   
   
}

.val_pagedoll
{
  width: 100px;
  height: 100px;
  position: relative;
  animation-name: Val_doll;
  animation-duration: 2s;
  animation-direction: alternate-reverse;  
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  

}

@keyframes Val_doll {
  from {top: -30px;}
  to {top: -50px;}
}



.item {
  height: 100%;
  font-weight: 700;
  text-align: center;
  padding: 10px;
  flex-direction:column;
  
  
}

.item-1 {
 flex-grow: 0.3;
 margin: 10px;
  flex-direction:column;
  background-image: url('/Other_images/splat.png');
  background-repeat: no-repeat;
  background-size: contain; 
  background-position: top center;
}
.item-2 {
flex-grow: 1;
max-width: 70vh;
padding: 0px;
margin: 20px;
height:100vh;
 flex-direction:column;
  display:flex;
 justify-content:space-evenly;
  background-image: url('/Other_images/splat.png');
  background-repeat: no-repeat;
  background-size: contain; 
  background-position: center;

}









/* FOOTER */



footer{

   background-color:#251d2e;
   text-align: center;
  width:100%;
}