/*!
Theme Name: P1X3L
Theme URI: https://wallutt.com
Author: Carlos Wallutt
Author URI: https://wallutt.com
Description: Template
Version: 0.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: logo animation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@font-face {
  font-display: swap;
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/vt323-v17-latin-regular.woff2') format('woff2'), 
	  url('fonts/vt323-v17-latin-regular.ttf') format('truetype'); 
}

body, input, textarea {
    font-family:VT323;
    font-size: 30px
}
#cpf_form {
	width: 500px;
	margin: 0 auto;
}
input, textarea {
	padding: 15px;
	margin: 15px;
	width: 100%;
    opacity: .7;
}
input:hover, textarea:hover {
    opacity: 1;
}

/* Mauszeiger Effekt */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    
}
.particle {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff0;
    pointer-events: none;
    opacity: 0.8;
}
/* upload */
.page-id-6 {
    background-image: url("img/upload-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.page-id-6 #wrapper {
    background: #ffffffa8;
    height: 100vh;
    box-sizing: content-box;
    padding: 20px;
}
.page-id-6 #main {
   max-width: 500px;
   margin: 0 auto;
   
}
.page-id-6 h2 {
    display: none;
}
.page-id-6 .entry{
 
}
/* startseite */
.home, .page-id-63 {
    background-image: image-set(
        url("img/sky.webp") type("image/webp"),
        url("img/sky.png") type("image/png"));
   
    background-attachment: fixed;
}
/* vote */
.page-id-19 {
    background-image: url("img/vote.png");
    background-image: url("img/vote.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    
}
.page-id-19 .post-item {
    width: 47%;
    margin: 0;
}

.page-id-19 #main{
    background: #ffffffdb;
    padding: 5%;
    height: 100vh;
    text-align: center;
    box-sizing: border-box;
}
.page-id-19 h2 {
    display: none;
}
.post {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
    width: 100vw;
    padding: 0
}

.entry-header, .entry-content {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
  }
  .entry-header h1, .entry-header p {
    margin: 0;

  }

  .entry-header p {
    font-size: .8em;
  }

  article{
    display: flex;
    align-content: space-around;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 360px;
    margin-top: -130px;
  }
/* 
  article:hover img {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 4;
    background: #000;
    border-radius: 15px;
    padding: 15px;
    border: 5px solid #fff;
    transform: scale(2); 
  }
  
  article:hover .entry-header {
    visibility: hidden;
  }
 */
  .info {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: red;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    animation: fadeOut 5s forwards; /* Animation über 5 Sekunden */
    z-index: 5;
}

@keyframes fadeOut {
    0% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}