@charset "UTF-8";
/* CSS Document */

header
{
	border:4px solid royalblue;
	padding: 20px 20px 20px 20px;
	margin: 40px 10px 40px 10px;
	box-sizing: border-box;	
	background-color:midnightblue;
}
.Tiers
{
	border:5px solid royalblue;
	padding: 10px 10px 10px 10px;
	margin: 40px 10px 40px 10px;
	box-sizing:border-box;
	background-color: lightblue;
	border-radius:10px;
	column-count:3; 
	column-rule-style: solid;
}

.links
{
  display:flex;
  flex-direction:row;
}
.item
{
  font-size:30px;
  text-align:center;
  padding:10px;
}
.item a
{
  text-decoration:none;
  color:royalblue;
}
.item:hover
{
  background-color:royalblue;
  cursor:pointer;
}
.item:hover a
{
  color:white;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: lightblue;
  padding: 10px; 
}
.grid-item {
  background-color: aliceblue;
  border: 1px solid royalblue;
  padding: 20px;
  font-size: 30px;
  text-align: center;
}
input[type="text"]:hover
{
	background-color: cornflowerblue;
}
input[type="submit"]:hover,button:hover
{
	background-color: royalblue;
	color:white;
}
fieldset
{
	border:2px solid royalblue;
}