.flex1{
 display: flex;
 justify-content: space-between;
}

.flex2{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

.child50{
 width: 49%;
}

.child33{
 width: 30%;
 xxxbackground-color: rgba(0,0,0,0.2);
}

.img33{
 width: 32%;
 margin-bottom: 4px;
}

img{
 max-width: 100%;
}

h1{
 color: #0aa;
 font-size: 50px;
 font-family: arial;
 text-decoration: underline;
}

h2{
 color: #09d;
 font-size: 30px;
 font-family: arial;
 text-decoration: underline;
}

ul{
 font-size: 20px;
 font-family: arial;
 list-style-type: square;
}

li{
 width: 100%;
}

body{
 background-color: #ff0;
}

.splash{
 color: #f50;
}

.menuprice {
 text-align: right;
}

.menuflex{
 display: flex;
 justify-content: space-between;
}

.menuflex ul{
 list-style-type: none;
 padding:0;
 xxxbackground-color: rgba(0,0,0,0.2)
}

.menu{
 margin-bottom: 50px;
}

.menu li{
 margin-bottom: 20px;
}

.prices{
 text-align: right;
}

.menu h3{
 font-family: arial;
 font-size: 25px;
 text-decoration: underline;
}

main, header{
 padding-left: 20px;
 padding-right: 20px;
}

.rainbow{

 animation: ColorAnim 4s linear infinite;

}

@keyframes ColorAnim{
 0%{
  color:#A0D468;
 }

 20%{
  color:#4FC1E9;
 }

 40%{
  color:#FFCE54;
 }

 60%{
  color:#FC6E51;
 }

 80%{
  color:#ED5565;
 }

 100%{
  color:#AC92EC;
 }
}

.quotetext{
 text-align: center;
 font-family: arial;
 font-weight: bold;
 font-size: 30px;
}

.quotetext p{
 padding: 20px;
}

.green{
 color: #070;
}

.red{
 color: #c00;
}

.blue{
 color: #07d;
}