/* sorry for the wierd spacing*/

ul {
  list-style-type: none;
  margin: -5;
  padding: -5;
  width: 200px;
  background-color: #001c9a;

}

li a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 8px 16px;
  text-decoration: aqua;

}

li a:hover {
  background-color: #ff00c8;
  color: rgb(112, 76, 166);


}

.Navbar {
    position: sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
    z-index: 1000; 

}
img{
    height: 2000px;
    width: auto;
    position: static;

}
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #001c9a; 
  color: white; 
  padding: 10px 15px; 
  text-decoration: aqua; 
  border-radius: 5px;
  z-index: 1000; 

}
.back-to-top:hover {
  background-color: #ff00c8;
  color: rgb(112, 76, 166);

}

body {
    background-color: #99acf9;

}


.image-container {
    position: relative; 
    display: inline-block; 

}

.image-container img {
    display: block; 
    height: 2000px; 
    width: auto;    



}

.centered-text {
    position: absolute;
    top: 50%;   
    left: 50%;    
    transform: translate(-50%, -50%);
    color: white;      
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);

}

footer {
    position: relative; 
    width: 400px;
    padding: 10px 0;
    text-align: left;
    box-sizing: border-box; 
    background-color: #002fff;
    text-decoration: none;
    color: #ffffff;
    
}

footer:hover{
    background-color: #ff00c8;
    color: rgb(122, 45, 238);
}
.copyright-info {
    margin-left: 20px; 
    color: #ffffff;
    text-decoration: none;

}