@charset "utf-8";
/* CSS Document */
body {
	color: white;
	
}

.fullwidth {
	flex-basis: 100%;
}
.halfwidth {
	flex-basis: 45%;
}
.partfwidth {
	flex-basis: 10%;
}
div {
	margin: 8px;
	padding: 8px;
	border: 1px solid lightgray	;
}

.MainBox {
	background-color: slategray;
	text-align: center;
}

.MyBanner {
	background-color: sandybrown;
	text-align: center;
}

.MyMenu {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	background-color: seagreen;
	color: beige;
	text-align: center;
}

.MyMenu-1 {
	display: flex;
	flex-grow: 1;
	background-color: seashell;
	text-align: center;
	
}
.Menu-1 {
	flex-grow: 1;
	text-align: center;
}

.MyList {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	background-color: aquamarine;
	color: black;
	text-align: left;
}

.MyItem{
	display: flex;
	flex-grow: 1;
}

   
      #main {
        display: none;
        position:fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 80%;
      }
      #okno {
        width: 80%;
        height: 80%;
        text-align: center;
        padding: 5px;
        border: 3px #008F2F;
        border-radius: 30px;
        color: #0000cc;
		  background-color:#EFEFEF;
        position:fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
      }
      #main:target {display: block;}