@font-face {
  font-family: "Grandstander";
  src: url("/font/Grandstander-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Grandstander";
  src: url("/font/Grandstander-Italic-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
::selection{background:#FFD100;color:black;}
*{box-sizing: border-box;}
body{font-family:"Grandstander";margin:0;}
img{max-width:100%;}

#masthead{position:fixed;z-index:999;top:0;left:0;padding:1rem;width:100%;height:auto;}
nav{display:flex;justify-content:space-between;flex-flow:row nowrap;gap:2rem;align-items:center;}
#logo{width:100px;transition:0.5s;}
#logo:hover{transform:scale(0.95);}
nav ul,nav li{margin:0;padding:0;list-style-type:none;}
nav ul{display:flex;min-width:100%;justify-content:space-between;}
nav li a{text-decoration:none;text-transform:uppercase;font-size:1.5rem;font-weight:bold;background:black;color:white;padding:1rem;padding-bottom:0.8rem;border-radius:25px;transition:0.3s;display:block;}
nav li a:hover{transform:scale(0.97);}
p{line-height:1.25em;}
a{color:black;}

.menu-wrapper{display:flex;flex:1;gap:2rem;}
.hamburger{display:none;background:none;border:0;padding:0;cursor:pointer;width:30px;height:24px;flex-direction:column;justify-content:space-between;}
.hamburger span{display:block;width:100%;height:3px;background:#000;transition:transform 0.2s ease,opacity 0.2s ease;}

@media (max-width:768px){
	nav{gap:1rem;}
	.menu-wrapper{display:none;position:absolute;top:100%;left:0;width:100%;gap:1rem;padding:1rem;z-index:999;align-items:flex-start}
	.menu-wrapper.is-open{display:flex;flex-flow:column wrap;}
	.menu-wrapper ul{display:flex;flex-direction:column;min-width:0;gap:1rem;}
	.menu-wrapper li a{font-size:2rem;}
	.hamburger{display:flex;}
	.hamburger.is-open span:nth-child(1){transform:translateY(11px) rotate(45deg);}
	.hamburger.is-open span:nth-child(2){opacity:0;}
	.hamburger.is-open span:nth-child(3){transform:translateY(-11px) rotate(-45deg);}
}

main{padding:1rem;font-size:1.5em;}

footer a{color:white;text-decoration:none;}

#site-footer{width:100%;padding:1rem;text-align:center;color:white;background:black;border-radius:25px 25px 0px 0px;}

/* ÉLETKOR POPUP */
#eletkor-popup{width:100dvw;height:100dvh;background:black;color:white;display:flex;justify-content: center;align-items:center;z-index:999;position:fixed;top:0;left:0;font-size:1.5rem;padding:1rem;text-align:center;text-transform:uppercase;}
#eletkor-popup-inner{display:flex;flex-flow:column wrap;align-items: center;}
#eletkor-popup-karika{display:flex;border:20px solid red;justify-content: center;align-items: center;font-size:4rem;border-radius:100%;text-align:center;padding:2rem;aspect-ratio: 1/1;padding-bottom:1.7rem;padding-right:1.7rem;font-weight:bold;}
#eletkor-popup p{margin:1.5rem 0;}
.eletkor-popup-buttons{width:100%;display:flex;gap:1.5rem;flex-flow:row nowrap;align-items: center;justify-content: center;}
.eletkor-popup-button{padding:1rem;border-radius:15px;color:white;padding-bottom:0.6rem;display:inline-block;width:auto;cursor:pointer;transition:0.1s;}
.eletkor-popup-button:hover{transform:scale(0.97);}
#igen{background:green;}  
#nem{background:red;}