#LoveMyLaybyLogo{
  height:150px;
 }
 .container{
 background-color: rgb(219, 236, 255);
 }
 html{
 background-color: rgb(219, 236, 255);
}
  body{
 background-color: rgb(219, 236, 255);
 }
 .travelled{
  margin-left:30%;
  margin-right:30%;
 }
 
.sign-up{
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  border-radius: 8px;
  color: rgb(97, 95, 95);
 }
 .sign-up:hover{
  color:white !important;
 }
 .btn {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 600 !important;
 }
 .main{
   background:linear-gradient(#d8ecfc,#82b0c0,#6c648a);
 }
 .trademark{
  padding-top: 50px;
 }
 
.footer-inner {
  max-width: 900px;
  margin: 0 auto;
  background: transparent;
}
.navbar .nav-link,
.navbar-brand,
.navbar {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 500;
  color:rgb(91, 146, 91);
}
:root {
  --bs-border-color: rgba(0, 0, 0, 0.35);
}
#erith{

  text-shadow: 2px 2px 2px rgb(137, 187, 137); ;
}
 #erithHarbour{
  height:90%;
  width:100%;
  padding-top: 15px;
  padding-bottom:15px;
  border-style: solid;
  border-color:  rgb(137, 187, 137);
  background-color: rgb(137, 187, 137);
  
 }
 
 #author{
  height:200px !important;
  width:150px !important;
  border-radius: 3%;
  opacity: 70%;
 }
 .author-caption{
  padding-top:5px;
  font-weight: 500;
 }
.nav{
  display:flex;
  flex-wrap: wrap;
  height: 50px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight:500;
  align-items: center; 
 }
 .nav-item{
 text-align: center;
 margin-left: 10px;
 margin-right: 10px;
 }
.nav-item:hover{
 font-weight:bold;
}
 /* Make nav links shrink to text width */
.navbar .nav-link {
  position: relative;
  display: inline-block;   /* key change: prevents full-width underline */
}
/* Animated underline */
.navbar .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #000;   /* adjust to brand colour if needed */
  transition: width 0.25s ease;
}
.navbar .nav-link:hover::after {
  width: 100%;
}
/* Optional: spacing + weight */
.nav-item {
  text-align: center;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
}
.nav-item:hover {
  font-weight: bold;
}
/* Override global link hover colour */
.navbar .nav-link:hover {
  color: #000 !important;
  font-weight: bold;
} 

.living{
  poistion:fixed;
  color:grey;
   text-align: left;
   margin-top: 5px;
   margin-left:100px ;
}
@media (max-width: 768px) {
  #author{
    height:200px;
    width:220px;
  }
}
@media (max-width: 480px) {
  #author{
    height:150px;
    width:170px;
  }
}
@media (max-width: 768px) {
  #erithHarbour{
    height:70%;
    width:100%;
  }
}
@media (max-width: 480px) {
  #erithHarbour{
    height:50%;
    width:100%;
  }
}