body {
  background: bisque;
  text-align: center;
}
p {
  color: aliceblue;
  font-family: cursive;
}
h1 {
  font-weight: bold;
  font-family: cursive;
  
}
h2 {
  font-weight: bold;
  font-family: cursive;
  color: aliceblue
}
.navagation {
  background: skyblue;
}
a {
  font-family: cursive;
  color: beige;
}
.loginform {
  padding: 100px;
  width: 190px;
  margin: auto;
  background-color: skyblue;
  border-radius: 6px;
}
button {
  background-color: skyblue;
  border-color: lightblue;
  border-radius: 10px;
  width: 100px;
  padding: 10px;
}
button:hover {
    background-color: lightblue;
    border-color: red;
    border: dotted;
    transition: 0.5s ease-in-out;
}
.optionsS {
  padding: 100px;
  width: 190px;
  margin: auto;
  background-color: skyblue;
  border: 0px;
}
.logupdate {
  padding: 100px;
  width: 190px;
  margin: auto;
  background-color: skyblue;
}
.laukeek {
  padding: 100px;
  width: 190px;
  margin: auto;
  background-color: skyblue;
}
.news {
  padding: 100px;
  width: 190px;
  margin: auto;
  background-color: skyblue;
}
li {
    color: white;
    font-family: fantasy;
}
label {
 color: black;
 font-family: fantasy;
}
input {
    background-color: aliceblue;
    border-radius: 6400px;
    border-color: red;
}
input:hover {
    background-color: lightblue;
    border: dotted;
    transition: 0.5s ease-in-out;   
}
a:hover {
    color: white;
    font-family: cursive;
    transition: 0.5s ease-in-out;
}
canvas {
    border:1px solid #d3d3d3;
    background-color: #f1f1f1;
}
h1:hover {
    color:grey;
    transition: 0.5s ease-in-out;
}