body{
display: flex;
flex-direction: column;
color:white;
font: 1.3rem Inconsolata, monospace;
background-image: url(purple-pcb.jpg);
  margin: 200;
  padding: 90;
  
}



.container {
color:white;
font: 1.3rem Inconsolata, monospace;
text-shadow: 0 0 5px #C8C8C8;
display: flex;
flex-direction: column;
align-items: center;
margin: 2.5rem;
padding: 4rem;
background-position: center;
background-color: rgba(36, 0, 43,0.90);
border-radius: 70px;
border-color: rgba(255, 19, 240,10);
}

.container img{
  display: flex;
  align-items: center;
  margin: 2.5rem;
}




.glass-navbar{
    width: 35rem;   
    height: 3rem;
    margin: 0 auto;
    border-radius: 1rem;
    background-color: rgba(170, 20, 178, 0.353);

    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    font-family:Arial, Helvetica, sans-serif;
    font-size: 1rem;
    text-align: justify;
    line-height: 185%;

}

.navbar{
    display:flex;
    height:3rem;
    width: 35rem;
    align-items: center;
    background-color: #0b1527;
    margin: auto; 
    overflow: hidden;
    border: 2px solid rgb(255, 19, 240);
    border-radius: 1rem;
}


.glass-navbar ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    margin: -0.3rem;
    padding: 0;
}

ul li{
    display: flex;
    text-align: center;
}

ul li a{
    display: flex;
    text-align: center ;
    padding: 1rem 1rem;
    text-decoration: none;
}

a:link {
    color: white
}
a:visited {
    color: white
}

ul li a:hover {

    background-color: rgba(69, 0, 61,0.30);
}