:root {
  --beige: #dbaa784b;
  --secondary: #c79048;
  --focus: #3e1f09;
  --shadow: #864e16;
  --accent-light: #98c278;
  --accent-dark: #68ad34;
  --none: #ffffff00;
}

body{
  scroll-behavior: smooth;
  background-color:var(--beige);
  color: var(--focus);
}
footer{
  /* background-image: url(assets/deco/Capture\ d’écran\ 2025-04-05\ 113542_png\ \(1\).png);
  background-repeat: no-repeat;
  background-position: right bottom;
  /* background-attachment: scroll; */  
  /* background-size: 100%; */
}
.section-title{
  transform: translateY(1em);
}
.left-title {
  font-size:12em;
  transform: rotate(-90deg);
  left: -10vw;
  top: 25vw;
  position:absolute;
  font-family: "Dorsa", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
.notable-regular {
  font-family: "Notable", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.jumbotron{
  background-color:var(--beige);
  border-color: #68ad34;
}
.card{
  background-color: var(--beige);
  color: var(--focus);
}
.list-group-item{
  background-color: var(--none);
  padding: none;
  border: none;
}
.btn-primary{
  background-color: var(--accent-light);
  border:none;
}
.btn-primary:hover{
  background-color:var(--accent-dark);
  border:none;
}

.nav-item{
  background-color: var(--beige);
}
.nav-link{
  color: var(--accent-light);
  font-family: "Notable", sans-serif;
}
.nav-link:hover{
  color: var(--accent-dark);
}
img{
  width: 30em;
  height: auto;
  position: relative;
}
.centeringprojectimg{
  width: 100%;
  object-position: 50% 50%;
  height: 50vh;
}

@media (min-width: 768px) { 
  .centeringprojectimg{
    height: 80vh;
  }
 }

hr{
  height:2px;
  border:none;
  background-color:var(--focus);
  opacity: 50%;
}

.card-img-top{
  transform: translateY(4.2em);
  z-index: 1;
  padding: 10px;
  /* Same size every time? */
}
.card-img-top:hover{
  /* bigger on hover? */
  padding: 0px;
}
h1{
  color: var(--shadow);
}
p, h1, h2, h3, a {
    font-family: "Varela Round", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
b{
  font-weight: 700;
}