web_interface/static/css/nav.css
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@500&family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@500&family=Prata&display=swap');
/* font-family: 'Prata', serif; */
* {
margin: 0;
padding: 0;
}
body {
display: flex;
background-image: url("https://res.cloudinary.com/weather-station-viper/image/upload/v1700072484/wp5821126-anime-hd-green-wallpapers_capydn.jpg");
background-size: cover;
background-repeat: no-repeat;
flex-direction: column;
gap: 1rem;
}
.content {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
}
footer{
position: fixed;
bottom: 1%;
left:40%;
width: 100%;
text-align: center;
font-family: 'Courier New Bold', Courier;
}
header {
display: flex;
justify-content: flex-end;
align-items: center;
background-color: whitesmoke;
box-shadow: 0 1px 5px black;
padding: 1rem;
font-size: 1rem;
font-family: 'Overpass Mono', monospace;
}
nav {
display: flex;
width: 100%;
height: 100%;
justify-content:center;
}
a {
display: flex;
gap: 0.5rem;
text-align: center;
text-decoration: none;
color: black;
}
li {
display: flex;
flex-direction: row;
object-fit: contain;
align-self: center;
gap: 30rem;}
span {
display: flex;
width: 17%;
align-self: center;
justify-content: center;
flex-direction: row;
}
.header-images{
height: 1.2rem;
}