.box {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 1% auto;
}

.title {
    font-size: 3rem;
    font-weight: 100;
}

.kopyalaButton {
    background-color: #f6f6f6;
    color: #7d7575 !important;
    border-color: #e2d9d9;
}

    .kopyalaButton:hover {
        background-color: #d6d0d0 !important;
        color: #f6f6f6 !important;
        border-color: #e2d9d9 !important;
    }

.url {
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    min-height: 4.5rem;
    /*        padding: 1rem 1.5rem;*/
    padding: 0.3rem 1rem 0.5rem 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 300;
    background: #FFFFFF;
    border: none;
    border-radius: 1rem;
    outline: none;
    box-shadow: 18px 18px 30px #D1D9E9, -18px -18px 30px #FFFFFF;
    resize: vertical;
    transition: ease .2s;
    resize: none;
}

    .url::placeholder {
        color: #9fa8da;
    }

/* .url:focus {
        min-height: 12rem;
        box-shadow: inset 18px 18px 30px #D1D9E9, inset -18px -18px 30px #FFFFFF;
    }*/
@media (min-width:400px) and (max-width: 500px) {
    #donustur {
        width: 100%;
        padding: 8% !important;
    }
}
@media( max-width:768px) {
    .anasayfagrid{
        margin-top:7rem !important;
    }
    #donustur {
        padding-top: 7% !important;
        width:100%;
    }
}
@media (min-width:767px) and (max-width: 1020px) {
    #donustur {
        padding: 8% !important;
    }
}
@media (width: 768px) {
    #donustur {
        padding: 12% !important;
    }
}
@media (width: 540px) {
    #donustur {
        padding: 4% !important;
    }
}
    #donustur {
        min-height: 4.3rem;
        margin-top: 4%;
        padding-top: 10%;
        border-radius: 1rem;
    }

    ::-webkit-input-placeholder {
        color: transparent;
    }

    label#kisalink:hover {
        cursor: pointer;
    }

    #kUrl {
        color: #0a7924;
    }

    .kisaLink {
        border-radius: 31px;
        background: white;
        box-shadow: 18px 18px 30px #D1D9E9, 1px 2px 30px #FFFFFF;
        width: 100%;
        min-height: 4.5rem;
        padding: 0.75rem 1.5rem;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 300;
        background: #FFFFFF;
        border: none;
        border-radius: 1rem;
        outline: none;
    }