html{
	margin: 0;
	padding: 0;
	height: 100dvh;
	background-color: yellow;
	font-family: "Director";
	font-size: 10pt;
	background-image: none;
/*    background-image: url("./assets/PTAF.png");
    background-size: 10vh;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    background-position-y: 5vh;*/
}

section#lap-v{
	display: none;
}

body, section#mob-v{
	margin: 0;
	display: flex;
	align-items: center;
	height: 100%;
	overflow: hidden;
}

a{
	color:black;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

svg{
	height: 100dvh;
}

button{
	border: 0;
	background: transparent;
	position: fixed;
	top: 5vh;
	left: 50%;
}

.mobile-menu-overlay{
	display: none; /* Initially hide the mobile menu overlay */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 3rem);
	/*background-color: rgba(255, 255, 255); */
	z-index: 5;
}

.mobile-menu {
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: rgba(255, 255, 255); 
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 6;
	width: 90vw;
}

.mobile-menu p {
	text-align: center;
	margin-bottom: 1rem;
}

.mobile-menu p:last-of-type {
	margin-bottom: 0rem;
}

.menu-button:focus + .mobile-menu-overlay, .mobile-menu-overlay:target {
		display: block;
}


@font-face{
	font-family: "Director";
	src:url("./assets/type/Director-Light.otf");
}

.warning{
	display: none;
}

@media screen and (orientation: landscape){
	svg, div.address{
		display: none;
	}
	.warning{
		display: flex;
	}
	img{
		height: 20vh!important;
		top: 10dvh!important;
	}
}


/*.popup-info{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	z-index: 6;
	width: 40vw;
	background-color: white;
	display: none;
}*/