:root {
    --bs-body-font-family:"Montserrat", sans-serif;
    --bg-color-primary: rgb(23, 135, 139);
    --bg-color-secondary: rgb(23, 58, 139);
    --bg-color-extra: #00a8a8;
    --bg-fixed-navbar: rgba(240,240,240,.95);
    --bs-btn-border-radius: 0;
    --bs-nav-link-font-weight: 700;
    --bs-navbar-nav-link-padding-x: 3rem;
}

html {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-size: cover;
	font-family: tahoma;
    color: white;
    overflow: hidden;
    font-size: 2vw;
}

.L, .landscape1, .landscape {
	transform: rotate(90deg);
	transform-origin: right top;
    height: 100vw;
    width:  100vh;
	/* overflow: hidden; */
	position: absolute;
	top: 100%;
	right: 0;
    --vh: 100vw;
    --vw: 100vh;
}

.L2, .landscape2 {
	transform: rotate(-90deg);
	transform-origin: left top;	
	overflow: hidden;
	position: absolute;
	top: 100vh;
	left: 0;
    height: 100vw;
    width: 100vh;
    --vh: 100vw;
    --vw: 100vh;
}

.P, .portret {
    overflow: hidden;
    height: 100vh!important;
    width: 100vw!important;
    background-size: cover;
    --vh: 100vh;
    --vw: 100vw;
}