body{

background:#f4f4f4;

font-family:Arial,Helvetica,sans-serif;

}

.app{

max-width:430px;

margin:auto;

background:#fff;

min-height:100vh;

padding:20px;

box-shadow:0 0 20px rgba(0,0,0,.08);

}

.logo{

width:120px;

}

.kart{

background:#fff;

border-radius:18px;

padding:18px;

display:flex;

align-items:center;

margin-bottom:18px;

box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.kart i{

font-size:45px;

color:#d60000;

margin-right:20px;

width:60px;

text-align:center;

}

.kart h5{

font-weight:bold;

margin-bottom:5px;

}

.siparis-btn{

width:220px;

height:220px;

background:#d90000;

display:flex;

align-items:center;

justify-content:center;

flex-direction:column;

margin:auto;

border-radius:50%;

text-decoration:none;

color:#fff;

font-size:32px;

font-weight:bold;

box-shadow:0 10px 25px rgba(0,0,0,.25);

transition:.3s;

}

.siparis-btn:hover{

transform:scale(1.05);

color:white;

}

.siparis-btn i{

font-size:55px;

margin-bottom:15px;

}

.altikon{

font-size:40px;

color:#d90000;

margin-bottom:10px;

}

@media(max-width:430px){

.app{

padding:15px;

}

.siparis-btn{

width:190px;

height:190px;

font-size:27px;

}

}

.ustmenu{

background:#d60000;

color:#fff;

padding:18px;

border-radius:0 0 20px 20px;

font-size:24px;

font-weight:bold;

position:relative;

margin:-20px -20px 20px -20px;

text-align:center;

}

.geri{

position:absolute;

left:20px;

top:18px;

color:#fff;

font-size:22px;

text-decoration:none;

}

label{

font-weight:bold;

margin-bottom:6px;

display:block;

}

.form-control{

border-radius:15px;

padding:12px;

}

.radio-kutu{

background:#fff;

border-radius:15px;

border:1px solid #ddd;

overflow:hidden;

}

.radio-kutu label{

display:block;

padding:15px;

border-bottom:1px solid #eee;

cursor:pointer;

margin:0;

}

.radio-kutu label:last-child{

border-bottom:none;

}

.radio-kutu input{

margin-right:10px;

}

.kurye-logo{
    text-align:center;
}


.logo-icon{

    width:170px;
    height:170px;

    margin:auto;

    border-radius:50%;

    background:#dc3545;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    font-size:80px;

    box-shadow:0 8px 25px rgba(0,0,0,.25);

}


.logo-icon span{

    position:absolute;

    right:12px;

    bottom:12px;

    background:white;

    color:#dc3545;

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}