li {
  list-style-type: none;
  display: inline-block;
  background-color: #dddddd;
  padding: 8px;
  border: solid black;
  border-radius: 20px;
  position: sticky;
  top: 0;
  z-index: 1;
  text-decoration: none !important;
}



body{
  background-image: url(https://background-tiles.com/overview/blue/patterns/large/1061.png);
}


#navbar{
    background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSMrFaLcPZSOUVbdmSk2mCdOi_xSYNiB1RepiFJ3e4kKpSOt77Y:https://img.freepik.com/free-vector/coloured-background-design_1164-221.jpg&s);
    padding: 10px;
    text-decoration:none !important;
    position:sticky;
    top:0;
    border:solid 3px;
    border-radius:20px;
    float:left;
    margin-left:550px;
    z-index:20;
    
    
}

a{
  text-decoration:none;
  color:black;
}

li:hover{
  background-color:white;
}

#bttb{

margin-left:0px;
background-color:#dddddd;
color:black;
padding:5px;
text-decoration: none;
border:solid 3px;
border-radius: 10px;
z-index: 1;
position: fixed;
bottom: 5px;
left: 1420px;
}

#bttb:hover{

  background-color:darkgrey;
}

#pipe{

  position: absolute;
  top: 160px;
  right:820px;
  background-color: grey;
  font-weight:bolder;
  padding:5px;
  border:solid 2.5px;
  border-color:black;
  border-radius:50px;
  z-index: 1;
} 

img{
  position:static;
  
}

#betyou{
    position: absolute;
  top: 630px;
  right:620px;
  background-color: grey;
  font-weight:bolder;
  padding:5px;
  border:solid 2.5px;
  border-color:black;
  border-radius:50px;
  z-index:10;
  transform:rotate(-27deg);
}


#copy{
  position:relative;
  background-color:#dddddd;
  border:solid 3px;
  border-color:black;
  border-radius: 20px;
  padding: 5px;
  left: 0;
  float:left;
  font-weight:bolder;
}