@charset "utf-8";
/* CSS Document */

body {
background-color: lightgrey;
border-style: dotted;
padding: 15px;
border-radius: 1%;
}

div.mainlogo {
margin: auto;
width: 80em;
max-width: 75%;
}




ul{

background-color: blueviolet;
color: white;
border-style: dotted;
border-color: grey;
border-width: thick;
padding: 10px;
text-align: center;
}

li {
display: inline-block;
padding: 20px;
border-color: brown;
border-style: dashed;



}

li a{
color: white;
}




li a:hover{
color: gray;
background-color: yellow;
padding: 5px;
}


li .selected {
background-color: grey;
color: white;
padding: 10px;
border-radius: 10%;
border-color: yellow;
border-style: dotted;
}





div.TopRooms {

display: flex;
background-color: DodgerBlue;
border-radius: 10%;
width: 500px;
height: 500px;
border-style: dotted;
border-color: green;
border-width: 20px 25px;
max-width: 80%;
margin: auto;

}

div.BottomRooms {
	
display: flex;
background-color: pink;
border-radius: 10%;
width: 700px;
height: 700px;
border-style: solid;
border-color: yellow;
border-width: 10px 15px;
max-width: 80%;
}


.TopRooms div{
  background-color: #f1f1f1;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
  width: 700px;
  border-style: dotted;
border-color: orange;
border-radius: 20%;
max-width: 80%;

}

.BottomRooms div{
  background-color: #f1f1f1;
border-radius: 10%;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
  width: 700px;
  height: 600px;
  max-width: 80%;
}


img {
max-width: 100%;
}

h1 {
font-weight: bold;
border-style: dashed;
border-color: red;
color: blue;
background-color: aquamarine;
}


.footdiv .foot .footli{
display: inline-block;
color: darkgray;
padding: 20px;
border: none;

}

footer {
border-style: double;
}

/*






*/