122 lines
2.3 KiB
CSS
122 lines
2.3 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:#363636;
|
|
}
|
|
|
|
|
|
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;
|
|
}
|
|
.lightbox .close {
|
|
pointer-events: auto;
|
|
z-index: 1001;
|
|
}
|
|
|
|
h1 label button{color: #363636}
|
|
|
|
form{
|
|
background-color: rgb(231, 230, 221);
|
|
font-family: "Autour One", serif; /* font-family: "Playwrite AU SA", serif; */
|
|
color:#363636;
|
|
|
|
}
|
|
|
|
#top {
|
|
display: none; /* Hidden by default */
|
|
position: fixed; /* Fixed/sticky position */
|
|
bottom: 20px; /* Place the button at the bottom of the page */
|
|
right: 30px; /* Place the button 30px from the right */
|
|
z-index: 99; /* Make sure it does not overlap */
|
|
border: none; /* Remove borders */
|
|
outline: none; /* Remove outline */
|
|
background-color: #d1fff8; /* Set a background color */
|
|
cursor: pointer; /* Add a mouse pointer on hover */
|
|
padding: 15px; /* Some padding */
|
|
border-radius: 10px; /* Rounded corners */
|
|
font-size: 18px; /* Increase font size */
|
|
border:solid 1px #363636;
|
|
}
|
|
|
|
#top:hover {
|
|
background-color: #aedad3; /* Add a dark-grey background on hover */
|
|
} |