90 lines
1.4 KiB
CSS
90 lines
1.4 KiB
CSS
:root {
|
|
/* --bulma-primary-h: ; */
|
|
--bulma-primary-l: 47%;
|
|
--bulma-info-h: 175deg;
|
|
--bulma-info-s: 88%;
|
|
--bulma-info-l: 42%;
|
|
--bulma-navbar-item-img-max-height: 200px;
|
|
}
|
|
|
|
html {
|
|
background-color: rgb(231, 230, 221);
|
|
font-family: "Autour One", serif; /* font-family: "Playwrite AU SA", serif; */
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: "Autour One", serif;
|
|
color:rgb(54, 54, 54);
|
|
}
|
|
|
|
|
|
nav {
|
|
font-family: "Autour One", serif;
|
|
}
|
|
|
|
header {
|
|
position: relative;
|
|
text-align: center;
|
|
color: antiquewhite;
|
|
}
|
|
|
|
.centerimg {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 4em;
|
|
}
|
|
|
|
#heroImg {
|
|
position: absolute; /* height: 600px; */
|
|
}
|
|
|
|
.navbar-item img, .navbar-item svg {
|
|
max-height: 1.30em;
|
|
}
|
|
|
|
.is-overlay {
|
|
margin: auto;
|
|
}
|
|
|
|
.padding{
|
|
padding: 1.2rem;
|
|
}
|
|
|
|
|
|
|
|
/* Centered text */
|
|
.text-on-image {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
}
|
|
|
|
.image-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.image-container img {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.overlay {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: rgba(0, 0, 0, 0.5); /* Optional: adds background for better readability */
|
|
padding: 10px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
}
|