//>>-style200124.css -----
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin:0px;
	background-color: #88EEEE;
}
.container {
  //  background-color:#01f1f1;
    position:absolute;
	height: 98%;
	width:98%;
	padding:0px;
	// overflow-x: auto;
	// overflow-y: hidden;
    /////border: 4px solid red;
  border-radius: 25px;
}

.bt2 {
  	width:40%;
    height:40%;
	position: absolute;
	/*left:49%;*/
  	left:0
	top:0;
      margin: 0px 0px;
//	overflow: hidden;
///////    border: 4px solid yellow;
  border-radius: 35px;
  	padding:0px;
	}
.bt3 {
	position: absolute;
	left:0;
	top:0;
//	overflow: hidden;
      border: 2px solid white;
  border-radius: 35px;
	}


.tile {
  width: 49%;
  height: 90%;
  //margin: 10px 5px;
    margin: 0px 0px;
  background: cornflowerblue;
      border: 5px solid green;
  border-radius: 35px;
}

.tile2 {
  width: 49%;
  height: 90%;
 // margin: 10px 5px;
  margin: 0px 0px;
  background: #44EE99;
 // overflow: hidden;
      border: 17px solid black;
  border-radius: 35px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}