@import url('https://fonts.googleapis.com/css2?family=Sancreek&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Underdog&display=swap');
::selection{background:#a9a898;}
*{box-sizing:border-box;scroll-behavior:smooth;}
a{color:black;text-decoration:none;}
body{background:#F4E8D4;font-family:'Underdog';margin:0;padding:0;}
p{font-size:1.2em;}
main{color:#111;width:80%;margin:0 auto;}
h1,h2,h3{font-family:'Sancreek';text-transform:uppercase;}
h2{font-size:6rem;text-align:center;margin:3rem 0;}
h3{font-size:4rem;text-align:center;margin:0;margin-top:1.5rem;}

iframe{width:100%;height:auto;aspect-ratio:16/7;}

#spacer{height:6rem;background:url(/sarkantyu-3.svg) no-repeat;background-size:auto 4rem; background-position:center;margin:2rem 0;}

#logo{width:300px;}
#hero{width:100%;height:100dvh;display:flex;padding:2rem;flex-direction:column;align-items:center;justify-content:center;background:url(/boards2.webp);background-size:cover;background-position:center;gap:7rem;}
#hero h1{font-size:8rem;color:#f8f8f8;line-height:8rem;margin:0;}
#hero a{color:#f8f8f8;border:2px solid #f8f8f8;padding:1.5rem;font-size:2rem;transition:0.3s;background:rgb(88,87,81,0.5);}
#hero a:hover{background:#F4E8D4;color:#111;}

.borbely-list{display:flex;gap:1rem;align-content:center;justify-content:center;}
.borbely-thumbnail{border-radius:100%;aspect-ratio:1;height:30vh;}
.borbely-post{display:flex;align-items:center;justify-content:center;flex-flow:column wrap;text-align:center;}

#contact{text-align:center;font-size:1.4em;padding-bottom:2rem;}
#socials{display:flex;gap:2rem;align-items:center;justify-content:center;}
#socials img{height:3rem;}

#hazirend{text-align:left;}

img{width:100%;height:auto;}

td{vertical-align:top;}
td strong{font-size:1.5rem;font-weight:bold;}
td:nth-of-type(2){font-size:1.5rem;font-weight:bold;}

#aszf-footer{width:100%;padding:1rem;text-align:center;color:white;background:black;}
#aszf-footer a{color:white;}

@media only screen and (max-width: 960px) {
	#hero{padding:3rem 1rem;align-items:center;}
	#hero h1{font-size:5rem;line-height:5rem;text-align:center;}
	section{padding:0;}
	h2{font-size:4rem;margin:2rem 0;}
	h3{font-size:3rem;}
	main{width:100%;padding:1rem;}
	.borbely-list{align-items:center;justify-content:center;flex-wrap:nowrap;}
	.borbely-post{width:100%;}
	.borbely-thumbnail{width:100%;height:auto;}
	#contact{text-align:center;}
	#spacer{background-size:auto 2rem;}
}