body{
    font-family: darling;
    background-image: url(https://i.ibb.co/3YYJHdqr/creamcheck.gif);
    
}

h1{
    justify-self: center;
    position:relative;
    top: 15px;
    font-family: matcha;
}


#container{
    color: #7f3d00;
    background-color: #ffebc2;
    border: solid;
    border-radius: 10px;
    border-color: #e76c00;
    margin-right: 20%;
    margin-left: 45px;
    position: relative;
    z-index: 1;
    margin-top: 40px;
} 

#item img{
    border-radius: 15px;
    border: solid;
    border-color: #e76c00;
    border-width: 2px;
}

#grid {
    margin: 30px;
    display: grid;
    grid-template-columns: auto auto auto;
    row-gap:30px;
    column-gap: 10%;
    grid-auto-flow: row;
    overflow-x: auto;
}

#dressdesc{
    height: 60px;
    ;
    font-size: 15px;
    text-align: center;
    background-color:#ffb75b;
    border-radius: 5px;
    width: 300px;
    margin-bottom: 10px;
}

#borderimg{
    position: absolute;
    max-width: 100%;
    bottom: -12%;
}

#borderimgtop{
    width: 100%;
    height: 90px;
    top: -60px;
    position: absolute;
}

#nav{
    width: 250px;
    position: absolute;
    left: 95%;
    top: 2%

}

ul {
  list-style-type: none;
  font-size: 25px;
}
li a {
  display: block;
  color: #7f3d00;
  background-image: url(https://i.ibb.co/Sw1fDW2D/Untitled86-20260314183127.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 5px 10px;
  margin: 10px;
  text-decoration: none;
}

#item img {
    width: 300px;
    height: 300px;
    max-width: 300px;
    max-height: 300px;
}

@font-face {
    font-family: matcha;
    src: url(Matcha.otf);
}

@font-face {
    font-family: darling;
    src: url(Darling.otf);
}