body{
  background-image:linear-gradient(to right,rgb(0,105,197),rgb(114,230,253));
}

p,ul,.score,nav,h1,h2{
  font-family:monospace;
  font-size:15px;
  color:rgb(23, 24, 84);
  background-color:rgba(1, 95, 107, 0.41);
  padding:10px;
  line-height:1.6;
}

h1{
  font-size:40px;
  background-color:rgb(137, 231, 255);
  color:rgb(68, 154, 220);
  text-align:center;
  border-radius:20px;
  padding:5px;
  line-height:1;
}

h2{
  font-size:30px;
  color:rgb(8,24,120);
  text-align:center;
  border-radius:10px;
  padding:5px;
  margin-left:50px;
  margin-right:50px;
  line-height:1;
}

ul{
  padding-left:25px;
}

.score{
  border:2px solid darkslateblue;
  border-radius:5px;
  padding-top:4px;
  padding-bottom:4px;
  font-size:18px;
}

input{
  background-color:lightskyblue;
  border-color:darkslateblue;
  border-radius:8px;
  padding:5px;
  padding-left:7px;
  padding-right:7px;
  font-size:20px;
  filter:brightness(100%);
  transition:0.3s ease;
}

nav{
  line-height:10px;
  margin-bottom:50px;
  background-color:rgba(155, 185, 205, 0.8);
  text-align:center;
  top:0;
  position:sticky;
  z-index:1000;
}

.sticker{
  display:block;
  opacity:0.5;
  bottom:0;
  position:relative;
  z-index:1001;
  transform:scale(1);
  transition:transform 0.5s cubic-bezier(0.34,2.86,1,1),opacity 0.5s ease;
}

.sticker:hover{
  transform:scale(1.2);
  opacity:1;
}

input:hover{
  filter:brightness(150%);
  transition:0.4s ease;
}

input:active{
  filter:brightness(110%);
  transition:0.1s ease;
}

a:link,a:visited{
  color:#058;
  text-decoration:none;
  display:inline-block;
  transition:0.5s;
}

a:hover{
  color:#09a;
  transform:scale(1.05);
}