.hidden {
            display: none;
        }

        body, html {
            height: 100%;
            font-family: Amatic SC,sans-serif;
        }

        body {
            user-select: none;
            background-color: black;
        }

        #butonsak {
            width: 30%;
            height: 40px;
            font-size: small;
            margin-top: 5px;
        }

        .butonlar {
            margin-left: 8%;
            margin-right: 1%;
        }

        #liste {
            border: 15px solid transparent;
            padding: 15px;
            border-image: url('../../border3.png') 80 stretch;
        }

        .modal {
            display: none;
        }

        #liste {
            border: 15px solid transparent;
            padding: 15px;
            border-image: url('../../border3.png') 80 stretch;
        }

        .box-images img {
            width: 80%;
        }

        .box-images {
            box-sizing: border-box;
        }

        input[type=text] {
            float: left;
            width: 40px;
            font: bold 20px Helvetica, sans-serif;
            padding: 3px 0 0 0;
            text-align: center;
        }

        .button {
            margin: 0 0 0 5px;
            text-indent: -9999px;
            cursor: pointer;
            width: 29px;
            height: 29px;
            float: left;
            text-align: center;
            background: url('../../Images/buttons.png') no-repeat;
        }

        .dec {
            background-position: 0 -29px;
        }

        .buttons {
            padding: 20px 0 0 140px;
        }