table,tr,td{
	border: 2px solid #687db8;
	padding: 4px
}
table{ 
	border-collapse:collapse; 
}
td {
	text-align: left;font size:500px;
  vertical-align: center;
}
h1,h2,p {
	color:#1E4067;
}
hr {
  border: 1px solid rgb(78, 89, 102);
}
p,ol{
  line-height: 2em;
}
html {
  scroll-behavior: smooth;
}

#input{
	background-color:#C2D2E6;
	color:#000000;
	border:3px solid #6690C2;
}
pre{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#1E4067;

}
#no{
	border: 0px;
}
#not{
	border: 0px;
  vertical-align: bottom;
}
#btt:link {
  background-color: #92b0d3;
  color: #1E4067;
}

#btt:visited {
  background-color: #92b0d3;
  color: #1E4067;
}

#btt:hover {
  background-color: #4e8cd3;
  color: #1E4067;
}

#btt:active {
  background-color: #1e73d4;
  color: #1E4067;
} 



.button-30 {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 14px;
  padding-right: 14px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 12px;
}

.button-30:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-30:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.button-30:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}




use {
  &:nth-child(2) {
    transform: translate(20px);
  }
  &:nth-child(3) {
    transform: translate(40px);
  }
  &:nth-child(4) {
    transform: translate(60px);
  }
  &:nth-child(5) {
    transform: translate(80px);
  }
}

.rating {
  display: block;
  height: 20px;

  width: 100px;

}