@charset "utf-8";
/* CSS Document */
body { 
	background-color:antiquewhite;
	background-attachment: scroll;
	background-size:cover;
	margin:0px 0px 0px;
}

.menu {
	background-color:darkslateblue;
	color:black;
	padding:15px 0;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.19);
	opacity: 0.8;
	margin-top:0px;
}

.menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align:center;
}

.menu li {
	display:inline-block;
}

.menu li a {
	display:block;
	padding:1vw 1vw;
	color:aliceblue;
	text-decoration:none;
	font-size:150%;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
}

li a:hover {
	background-color:cadetblue;
	
	
}

.active {
	background-color:mediumslateblue;
}

.name  {
	
	color:aliceblue;
	font-size: 30px;
	float:right;
	padding-right:50px;
	padding-top:0.75vw;
}
.om_oss {
    background-image: url("lero.jpg");
    background-size: cover;       
    background-position: center;
    margin-left: 2vw;
    width: 45vw;
    height: 27vw;               
    flex-shrink: 0;             
}
.om_oss2 {
	background-image:url("PXL_20250713_201733902.jpg");
	margin-right:2vw;
	float:right;
	width:55vw;
	height:27vw;
	margin-top:5vw;
	margin-bottom:8vw;
	
	

}

p, h1 {
	padding-top:1.5vw;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align:center;
	
}
p {
	font-size:1.1vw;
}
.omosstext {
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	padding-left:1.5vw;
	padding-right:1.5vw;
	
}
.contain {
  display: flex;
    flex-direction: row;      
    align-items: flex-start;
    gap: 3vw;
    margin-top: 10vw;
    padding: 2vw;
}

.contain2 {
	display:flex;
	gap:4vw;
	padding-right:2vw; 
}
.textfixen {
    flex: 1;                  
    padding-right: 2vw;
}
@media screen and (max-width: 900px) {
	.menu li a {
		padding:10px;
	}
	.name {
		float:right;
		text-align:center;
		padding:10px 0;
	}
    .om_oss {
        width: 90vw; 
        height: 45vw; 
        margin-left: 5vw;
        margin-top: 15vw; 
        padding: 10px;
	}
    
    .om_oss2 {
        width: 90vw; 
        height: 45vw;
        float: right; 
        margin-right: 5vw;
        margin-top: 5vw;
        padding: 10px;
    }
    
    .omossheader {
        font-size: 24px; 
        padding-top: 10px;
    }
    
    .omosstext {
        font-size: 16px; 
        padding-left: 10px;
        padding-right: 10px;
    }
	.contain {
		flex-direction: column;
	}
}