webpage.css

body{
  margin:0;
}
.nav{
  position:fixed;
  top:0;
  left:0;
  background:linear-gradient(to right,blue,red);
  width:100%;
  height:40px;
  display:flex;
  z-index:1;
}
a{
  text-decoration:none;
}
.a{
  display:flex;
  justify-content: center;
  align-items: center;
  width:50%;
  height:40px;
  text-decoration:none;
  color:white;
  box-shadow:0px 12px 9px black;
}
.a:active{
  box-shadow: 0px 6px 9px black;
  background:rgba(0,0,0,0.5);
}

#foot{
  width:100%;
  height:4%;
  background:black;
  position:fixed;
  bottom:0;
  left:0;
  display:flex;
}
.foo{
  color:white;
  font-size:15px;
  width:50%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items:center;
}

.foo:active{
  text-decoration: underline;
}
#copy{
  font-size:20px;
  padding-right:3px;
}
#close{
  position:absolute;
  top:50px;
  right:20px;
  background:black;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  justify-content: center;
  align-items: center;
  color:white;
}