h1    {
  background-color: red;
  color: blue;
  font-size:100px;
  outline: White;
  outline-style: dotted;
  outline-width: 5px;
}

h2  {
  background-color: blue;
  outline: white;
  outline-style: dotted;
  outline-width: 1px;
  color: orange;
  opacity: .6;
  
}
h3  {
  font-size: 12;
  color: black;
  text-shadow: 0px 0px 9px #39ff14;
}
html {
  background-image: url("logo.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 90% 100%;
  border: line;
  border-color: black;
  box-shadow: 0px 0px 9px #ff00e1, 0px 0px 18px #ff0055, 0px 0px 27px #7300ff;
}
body {
  border: line;
  border-color: black;
  box-shadow: 0px 0px 9px #ff00e1, 0px 0px 18px #ff0055, 0px 0px 27px #7300ff, 0px 0px 50px #c90065;
}

.button-1
{
  border: Line;
  border-color: #39ff14;
  border-width: 2px;
  color: #39ff14;
  width: 100px;
  height: 100px;
  font-size: 20px;
  border-radius: 35%;
  text-shadow: 5px 10px 10px #39ff14, 10px 20px 5px #14ff99;
  box-shadow: 5px 10px 10px #39ff14, 10px 20px 5px #14ff99;
}
.button-1:hover
{
  border: none;
  text-shadow: 0px 0px 9px #39ff14, 0px 0px 15px #00c8ff, 0px 0px 20px #ffffff;
  box-shadow: 0px 0px 9px #39ff14, 0px 0px 15px #00c8ff, 0px 0px 20px #ffffff;
  border-color: black;
  border-width: 2px;
  color: #39ff14;
  width: 100px;
  height: 100px;
  font-size: 20px;
  border-radius: 35%;
}
.button-2
{
  border: Line;
  border-color: #0000ff;
  border-width: 2px;
  color: #0000ff;
  width: 100px;
  height: 100px;
  font-size: 20px;
  border-radius: 35%;
  text-shadow: 5px 10px 10px #0000ff, 10px 20px 5px #0077ff;
  box-shadow: 5px 10px 10px #0000ff, 10px 20px 5px #0077ff;
}

.button-2:hover
{
  
  text-shadow: 0px 0px 9px #0000ff, 0px 0px 15px #b300ff, 0px 0px 20px #ffffff;
  box-shadow: 0px 0px 9px #0000ff, 0px 0px 15px #b300ff, 0px 0px 20px #ffffff;
  border: none;
  border-color: black;
  border-width: 2px;
  background-color: black;
  color: red;
  width: 100px;
  height: 100px;
  font-size: 20px;
  border-radius: 35%;
}