body{
    background-color: rgb(115, 107, 23);
    color:rgb(255, 242, 220);
  
}
#objective-2{
    font-family: "lexia-mono-variable", sans-serif;
    font-variation-settings: "wght" 400;
    line-height:1.8rem;
    width:60vw;
    font-size: 20px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.landing{
    padding-bottom: 7%;
    padding-top: 2%;
}
#title{
    font-family: "violeta", sans-serif;
    font-size: 170px;
    font-style: normal;
    text-align: center;
    line-height: 9rem;
     padding:5%;
    }
hr{
    border-color: rgb(255, 242, 220);
    border-width: .5px;
}
img{
    width:12vw;
}
a {
    color:rgba(255, 242, 220, 0.558);
    text-decoration: none;  
    transition: color .3s ease-in-out;
}
a:hover{
    color:rgb(255, 242, 220);
    transition: color .3s ease-in-out;
}
.subheading-1{
    font-family:  "violeta", sans-serif;
    font-style: italic;
    font-size: 80px;
    padding: .5rem;
    line-height: 5rem;
}
.subheading-2{
    font-family:  "violeta", sans-serif;
    font-style: italic;
    font-size: 40px;
    padding-bottom: 3%;
    text-align: center;
}
#description{
    display: flex;
    flex-direction: row;
    padding: 1rem;
}

#info{
    font-family: "lexia-mono-variable", sans-serif;
    font-variation-settings: "wght" 400;
    font-size: 18px;
    width: 30vw;
    padding: 1rem;
}
 #objective {
    font-size: 25px;
    width: 60vw;
    padding: 1rem;
}

.a:hover , .t:hover , .r:hover , .e:hover , .g:hover , .o:hover , .w:hover , .s:hover , .i:hover , .n:hover , .b:hover , .k:hover , .l:hover , .y:hover{
    font-family: "ltc-fleurons-garamont", sans-serif;
    font-size: 7rem;
    line-height:8rem;
    vertical-align: text-top;
font-weight: 200;
font-style: normal;
cursor:default;
}

#walk1{
    transition: transform .6s ease-in-out;
    position:relative;
    left:80%;
    width:20vw;
}
#walk2{
    transition: transform .6s ease-in-out;
    position:relative;
    left:70%;
}#walk3{
    transition: transform .6s ease-in-out;
    position:relative;
    left:10%;
    width:17vw;
}#walk4{
    transition: transform .6s ease-in-out;
    position:relative;
    left:30%;
    width:15vw;
    align-items: center;
}
#walk5{
    transition: transform .6s ease-in-out;
    position:relative;
    left:20%;
    width:20vw;
}
#walk6{
    transition: transform .6s ease-in-out;
    position:relative;
    left:0%;
    width:12vw;
}
#walk7{
    transition: transform .6s ease-in-out;
    position:relative;
    left:50%;
    width:20vw;
}
#walk8{
    transition: transform .6s ease-in-out;
    position:relative;
    left:50%;
    width:12vw;
}
#walk9{
    transition: transform .6s ease-in-out;
    position:relative;
    left:-20%;
    width:16vw;
}
.gallery{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom:20%;
    gap: 10%;
}

#walk1:hover , #walk2:hover , #walk3:hover , #walk4:hover , #walk5:hover , #walk6:hover , #walk7:hover , #walk8:hover , #walk9:hover {
    transform: scale(2);
    transition: transform .7s ease-in-out;
}