body{
  background-color:#FF9900;
  
}
a:link{
  text-decoration: none;
}

h1{
  font-weight: normal;
  margin:auto;
  text-align: center;
  writing-mode: vertical-rl;
  margin-top: 15px;
  font-family: "source-han-serif-tc", serif;
  font-weight: 700;
  font-style: normal;
font-size: 36px;
box-sizing: border-box;
border-right: solid 1px black;
border-left: solid 1px black;
padding: 2%;

}


main{
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
width: 70%;
height: 170vh;
  background-color:#FFFFFF;
  box-shadow:0 10px 20px rgba(0, 0, 0, .7) ;

}



.genre{
  font-weight: bold;
}



 .left{
  float:left;
  width: 50%;
  background-color:#FFFFFF;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  box-sizing: border-box;
  border-right: solid 1px black;
height: 100%;
 }


 .left1{
  border: solid #DECBC8 1px;
  width: 100%;
  height: 100%;
  padding: 3rem;
  box-sizing: border-box;
 }


 .right{
  float: right;
  width:50%;
height: 100%;
background-color:#FFFFFF;
padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  box-sizing: border-box;
height: 100%;
 }


 .right1{
  border: solid #DECBC8 1px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
 }


 .heading{
  text-align: center;
  margin-top: 70px;
  margin-bottom: 20px;
  font-family: "miller-banner", serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
 }
 

 .Nameofresturant{
  text-align: center;
  font-family: "miller-display", serif;
  font-weight: 300;
  font-style: normal;
font-size: 14px;
margin-top: -4px;
text-transform: all .10s linear;
-moz-transition: all .10s linear;
transition: all .10s linear;
z-index: 0;
position: relative;
color: black;

 }


.Nameofresturant:after {
  color: #333;
  font-size: 25px;
  content: attr(title);
  position: relative;
  top: 10px;
}


.Nameofresturant:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 10;
color:#FF9900;
font-family: "miller-banner", serif;
font-weight: 700;
font-style: normal;
cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>🍴</text></svg>") 16 0,auto; /*!emojicursor.app*/
}