@import '@angular/cdk/overlay-prebuilt.css';

/* You can add global styles to this file, and also import other style files */
html {
    font-size: 0.75rem;
}

html,
body {
    padding: 0;
    margin: 0;
    background: #e6e6e6 !important;
}

.hoverable {
    transition: all ease-in-out 200ms !important;
}

.hover\:zipla-5:hover {
    transform: translateY(-5px);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:zipla-5:active {
    transform: translateY(-3px);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

/** */
.buyut {
    transition: all ease-in-out 200ms !important;
}

.hover\:buyut-2:hover {
    transform: scale(1.20);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-2:active {
    transform: scale(1.10);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

.hover\:buyut-1:hover {
    transform: scale(1.10);
    box-shadow: 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
}

.active\:buyut-1:active {
    transform: scale(1.05);
    box-shadow: 0 2px 5px 0 rgba(34, 36, 38, .15) !important;
}

fikoyt-uygulama-baslik {

    display: flex;
    justify-content: center;
    width: 100%;
    height: 30px;


    .ana {
        width: 100%;
        background: rgba(255, 255, 255, 0.863);
        margin-left: 64px;
        margin-right: 64px;
        border-radius: 50vh;
        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
        border: 1px solid rgba(34, 36, 38, .15);
        display: flex;
        align-items: center;
        padding-left: 5px;
        padding-right: 2px;
    }

    .alt-baslik {
        --antd-wave-shadow-color: #1890ff;
        transition: all ease-in-out 200ms !important;
        min-height: 1em;
        font-weight: 700;
        line-height: 1em;
        padding: 2px 5px 2px 5px;
        background-color: #2185d0;
        color: #fff;
        background-image: none;
        font-size: .75rem;
        border-radius: 50vh;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 22px;
        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
        border: 1px solid lightblue;
    }

}