/*
Theme Name: Ünal Zorlu
Theme URI: https://www.unalzorlu.com
Description: Ünal Zorlu deneme
Author: Ünal
Author URI: https://www.unalzorlu.com
Version: 1.0
*/


body{
    height:5000px;
}
.up{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.up h1{
    font-size: 50;
}
.header{
    display:flex;
    flex-direction: column;
    max-width: 1400px;
    width: 100%;
    margin: 0px auto;
}
.span{
    
    margin-bottom: 20px;
    
}
.header span{
    float:right;


}
.counter{
    display:flex;
}
.counter img{
    width:150px;
}
.list{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.list-item{
    height: 14px;
    border:1px solid #000;
    padding:5px;
    font-size: 12px;
    cursor: pointer;
}

.modal-container{
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    background: rgba(0,0,0,0.3);
    display: none;
    overflow: auto;
}
.modal{
    max-width: 800px;
    width:100%;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    border:1px solid #ddd;
    /* animation: openModal 1s ease-in-out; */
    box-shadow: 3px 3px 3px #333;
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 400px);
    max-height: 500px;
    box-sizing: border-box;
    overflow: auto;
}  

.categories{
    display: flex;
}
.category{
    margin:0 8px;
    cursor: pointer;
    padding:5px;
}

/* @keyframes openModal{
    from{
        transform: translateY(-50px);
        transform:scale(0.1);
        opacity:0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
        transform:scale(1);
    }
} */