/*layoutstyles.css */
/* Universal selector */
/* remove all default margins and padding */
*{
margin: 0;
padding: 0;
/* Element selector */
/* applies to all ul elements */
/*Temporary borders*/
/* border: dashed 1px #f00; */
}
body{
background-color:#b0fff0;
font-family:arial,helvetica,sans-serif;
}
#wrapper{
width:63em;
/*put 20 px margin above the wrapper*/
margin:20px auto 0;
/*set right and left to auto for centering*/
background-color:#b0fff0;
}
/*applies only where class="hilite"*/
.hilite{
background-color:#ff0;
}
#header{
font-size:3em;
font-family:edwardian script itc;
text-align:center;
/*border:1px dashed*/
padding:5px;
color:#fff;
background-color:#00f;
}
#address {
height:1.75em;
font-size:1.5em;
text-align:center;
}
#navbar{
height:1.5em;
font-size:1.2em;
background-color:#ff0;

}
#navbar li{
float:left;
list-style-type:none;
margin-left:2em;
}
/*applies to navbar links visited and unvisited*/
#navbar a:hover,
#navbar a:active{
background-color:#000;
color:#ff0;
}
#contents{
width:60em;
height:17em;
margin:2em;
}
#contents h2{
text-align:center;
color:rgb(8, 0, 255);
}
#contents p{
font-size:1.2em;
}
.scrollbar{
width:54.5em;
height:16em;
padding:.25em;
font-size:1.1em;
background-color:#ddd;
overflow:auto;
}
#footer{
height:1.5em;
background-color:#ff0;
font-size:1.2em;
}
#footer li{
float:left;
list-style-type:none;
width:10em;
}
img {
border-radius: 8px;
display: block;
margin: auto;
width: 25%;

}
/* Modern table styles */
html {
  font-family: 'Segoe UI', Arial, sans-serif;
}
table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  border: 0px transparent;
  margin: 1.5em 0;
}
th, td {
  padding: 0.75em 1em;
  text-align: left;
}
th {
  background: #222;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #0e0563;
}
tr {
  transition: background 0.2s;
}
tr:nth-child(even) {
  background-color: #f6f8fa;
}
tr:hover {
  background-color: #e3e9f7;
}
td {
  border-bottom: 1px solid #e0e0e0;
  color: #000;
}

.navbar {
  background-color: #333;
  color: #fff;
  overflow: hidden;
}

.rounded {
    border-radius: 10px;
}