body {
  background: #f7d5f7 url("/bg3.gif"); /*Replace with your own background*/
	background-size: cover;
	background-attachment: fixed;
  background-position:center;
	font-family: "VT-100", fixedsys, System, monospace;
	font-size: 14px;
	color:#ffffff;
  }
  
  @keyframes duh{
    from
  {transform:translate(-100% 0)}
    to
   {transform:translate(0 0)}
  }
  
.box{
  background:#000000;
  border-style:solid;
  border-color:#ffffff;
  border-radius:5px;
  width:390px;
  padding:8px;
  margin-left:15px;
  padding-bottom:5px;
}


input[type="checkbox"]:checked:before{
  transform: scale(.9);
}

input[type="checkbox"]:hover{
  transition-duration: .2s;
  transform: scale(2);
  transform: rotate(12deg);
}

input[type="checkbox"]:checked{
  transform: scale(2);
  transform: rotate(12deg);
}

::selection {
  text-shadow: 2px 2px #e8bd51;
  text-decoration: underline overline;
}
center {
  display:flex;
  text-align: center;
  }
  
a {
  color: #f9acfa;
  }
  
.grower:hover {
  transition-duration: .2s;
  transform: scale(1.1);
}

.button {
  border: none;
  font-family: "VT-100", monospace;
  padding: 2px 2px;
  text-align: center;
  cursor: pointer;
  transition-duration: 0.3s;
  border-radius: 5px;
}

.button1 {
  background: #6c15bd;
  color: white;
}

.button1:hover {
  background: #56b856;
  transform: scale(1.1); 
}

.site{
  background: #6c15bd;
  color: white;
}

.site:hover {
  background: #56b856;
  transform: scale(1.1);
}

.center {
  align-items: center;
}