body {
  background-color: linen ;
}

.ex1 {
    background-image: url('Pics/The Bar1.jpg');
    padding: 100px;
    margin: 20px;
    font-variant:small caps;
    font-weight:900;
    font: 120px "Brush Script MT", cursive;
    color: darkolivegreen;
    text-align:center ;
    margin-top:top
}

pre {
    text-decoration:none;
    color: black;
    margin-top:right;
    text-align: center;
    font:25px Garamond, serif; 
}

h0 {
  color: black;
  font-weight:bold;
  margin-top:center;
  text-align: center;
  font:29px "Brush Script MT", cursive; 
}


h6 {
  color: black;
  font-weight:bold;
  margin-top:center;
  text-align: center;
  font:10px Arial; 
}


u {
    color:black;
    font-size:20px;
    font-weight:bold;
    margin-top:10px; 
    text-shadow:1px 1px 3px rgba(0,0,0,0.3); 
}



u1 {
    font-size:12px;
    font-weight:bold;
    margin-top:5px; 
}

.container {
    display:flex;
}
.container .box {
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f1e3dd), to(#f1e3dd), color-stop(.1,#f1e3dd));
    border:1px solid #ccc;
    margin:50px;
    min-height:180px;
    padding:10px;
    position:center;
    width:300px;
    -webkit-border-radius: 60px 5px;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}    
.container .box img {  
    width:8%;
}
.container .box p {
    margin:5px 0 15px;
    text-align:justify;
}
.container .box h1 {
    font-size:15px;
    font-weight:bold;
    margin-top:5px; 
    text-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.container .box a {
    color:#f1e3dd;
    text-decoration:none;
}
.container .box a:hover{
    color:#f1e3dd;
    text-decoration:underline;
}