body {font-family: "Times New Roman", Georgia, Serif;}
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display";
  letter-spacing: 5px;
}

.main-window{
    margin: auto;
}

.menu{
    background-color: darkolivegreen;
    margin: auto;
    align-content: center; 
    align-items: center; 
}

.menu_list{
    padding: 4px;
    margin-right: 100px;
}

li{
    display: inline;
}

.menu_list_right{
    margin-left: 54%;
    padding: 4px;
}

.fotos:has(.odin-foto:hover) {
    grid-template-columns: 2fr .5fr .3fr .1fr .05fr .01fr .001fr; 
}
.fotos:has(.dva-foto:hover) {
    grid-template-columns: .5fr 2fr .5fr .3fr .2fr .1fr .05fr;  
}
.fotos:has(.tri-foto:hover) {
    grid-template-columns: .3fr .5fr 2fr .5fr .3fr .1fr .05fr; 
}
.fotos:has(.chetyre-foto:hover) {
    grid-template-columns: .1fr .3fr .5fr 2fr .5fr .3fr .1fr; 
}
.fotos:has(.pyat-foto:hover) {
    grid-template-columns: .05fr .1fr .3fr .5fr 2fr .5fr .3fr;  
}
.fotos:has(.shest-foto:hover) {
    grid-template-columns: .01fr .05fr .1fr .3fr .5fr 2fr .5fr; 
}
.fotos:has(.sem-foto:hover) {
    grid-template-columns: .01fr .02fr .05fr .1fr .3fr .5fr 2fr; 
}


.fotos {
    display: grid;
    grid-template-columns: 0.05fr 0.1fr 0.2fr 0.3fr 0.4fr 0.5fr 2fr;
    gap: -2px;
    transition: grid-template-columns 1.8s;
    overflow: hidden;
    width: auto;
    border-radius: 31px;
    margin:calc(78px);
    margin-right: 50%
    
}
 .gallery {
    height: 501px;
    object-fit: cover;
   width: 100%;
}

.gallery:hover{
    transition: transform 1.9s;
    overflow: hidden;
    transform: scale(1.1);
    width: 100%;
    height: 507;
    
}
.box{
    display:inline-flex;
    
}
.box h4{
    position:absolute;
    margin-left: 50%;
   margin-top: 11%;
    padding: 20px; 
    
}
.frukter {
    border-bottom: 1px solid#2387;
}
.vegetables {
    border-bottom: 1px solid#2387;
}

.Kontakt {
    background-color: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.3);
    border-radius: 31px;
    width: 500px;
    height: 100%;
    margin-left: 200px;
    float:inline-start; 
    
    
}
.gmail {
    margin:auto;
    backdrop-filter: blur(20px);
    width: 100%;
    height: 100%;
    padding: 10px;
    
}

.windows {
    color: darkolivegreen;
    margin:auto;
    align-content: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.vems {
    width: 300px;
    color: darkolivegreen;
    margin: auto;
}