70 lines
1.0 KiB
CSS
70 lines
1.0 KiB
CSS
header{
|
|
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
|
|
padding: 2px;
|
|
position: sticky;
|
|
left: 0px;
|
|
top: 0px;
|
|
z-index: 20;
|
|
}
|
|
|
|
nav{
|
|
z-index: 21;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 25px;
|
|
}
|
|
|
|
nav ul li{
|
|
display: inline;
|
|
}
|
|
|
|
nav ul li a{
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
color: white;
|
|
background-color: blue;
|
|
padding: 5px;
|
|
margin: 10px;
|
|
}
|
|
|
|
nav ul li a:hover{
|
|
background-color: darkblue;
|
|
}
|
|
|
|
.active{
|
|
font-size : 1.2em;
|
|
font-weight : bold;
|
|
}
|
|
|
|
.heading{
|
|
text-align: center;
|
|
color: white;
|
|
position: absolute;
|
|
left: 10%;
|
|
top: 2px;
|
|
background-color: darkblue;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.heading h1{
|
|
font-size: 32;
|
|
line-height: 2em;
|
|
text-transform: uppercase;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.title-img{
|
|
width: 186px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.header-img{
|
|
width: 100%;
|
|
height: 300px;
|
|
object-fit: cover;
|
|
object-position: 100%;
|
|
}
|
|
|