body {
    font-family: 'KGMissKindergarten';
    font-size: 1rem;
    background: #2D4C90;
    background: linear-gradient(90deg, rgb(47 79 147) 0%, rgb(39 69 136) 4%, rgb(46 76 133) 19%, rgb(41 74 133) 40%, rgb(18 58 121) 45%, rgb(30 67 121) 69%, rgb(34 67 116) 80%, rgb(48 88 143) 100%);
}

.container-fluid {
    padding: 0px;
    overflow-x: hidden;
}

.navbar {
    padding: 22px 0 !important;
    font-weight: bold;
    background-color: #b03e96;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    padding: .2rem .6rem;
    font-size: 16px;
    letter-spacing: 0.1rem
}

    .navbar-dark .navbar-nav .nav-link:hover {
        background-color: #004f9a;
        color: #ffffff;
        border-radius: 8px
    }

.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}

.centerbar {
    background: url("../images/centerbar.png");
    background-repeat: no-repeat;
    background-position: center top;
    /*background-size:cover;*/
    background-color: #eeeeee;
    min-height: 100px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 20px -7px rgba(0,0,0,0.75);
}

.takvim {
    width: 70px;
    padding-top: 5px;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #21adff;
}

.ay {
    font-size: 12px;
    color: #004f9a;
    line-height: 0px;
    font-weight: bold;
}

.gun {
    font-size: 30px;
    color: #e71465;
}

.duyuru-yazi {
    color: #229687;
    padding-left: 10px
}

.sayacyazi {
    color: #313131;
    font-size: 12px;
}

#cd-day {
    font-size: 21px;
    color: #e71465;
    font-weight: bold;
}

#cd-hr {
    font-size: 21px;
    color: #3d54a1;
    font-weight: bold;
}

#cd-min {
    font-size: 21px;
    color: #229687;
    font-weight: bold;
}

#cd-sec {
    font-size: 21px;
    color: #823e90;
    font-weight: bold;
}

#duyuru {
    margin-left: 0px
}

    #duyuru li {
        color: #FFFFFF;
        overflow: hidden;
        height: 150px;
        list-style: none;
        font-size: 16px;
        text-align: left;
        padding-top: 35px
    }

.yazi {
    border: 2px dashed #004f9a;
    border-radius: 15px;
    background-color: lightgoldenrodyellow;
    padding: 20px;
    margin: 25px 0 80px;
    min-height: 500px;
}

    .yazi h3 {
        color: #004f9a !important;
        font-size: 28px !important;
        margin: 0px;
        padding-bottom: 18px;
        margin-bottom: 15px;
        background-image: url("../images/cizgi.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        font-weight: bold;
        font-style: normal;
        text-align: center;
    }

.altbaslik {
    color: #004f9a;
    font-weight: bold;
    font-size: 20px;
}

.altbaslik2 {
    color: #c61c5a;
    font-weight: bold;
    font-size: 17px;
}

footer {
    /* background-color: #e7df63; */
    /*margin-top: 50px;*/
    padding: 0 0 10px;
    font-weight: 400;
    color: #FFFFFF;
}

@keyframes shake {
    0% {
        transform: rotate(5deg);
    }

    20% {
        transform: rotate(-5deg);
    }

    40% {
        transform: rotate(5deg);
    }

    60% {
        transform: rotate(-5deg);
    }

    80% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0);
    }
}

.buton:hover {
    animation: shake .6s 1;
    animation-delay: .1s;
}

@media (max-width: 992px) {
    .buton {
        text-align: center;
    }

    .buton-box {
        flex-direction: column-reverse;
    }

    /*    .buton img {
        width: 60%;
    }*/
}

.centerbar {
    flex: 0 0 auto;
    width: 62%;
    margin: auto;
}

@media (max-width: 430px) {
    .buton a img {
        width: 55% !important;
    }

    .carousel {
        width: 98% !important;
    }

    .carousel-alani {
        margin-bottom: 10px
    }
}

@media (max-width: 1032px) {
    .centerbar {
        flex: 0 0 auto;
        width: 85%;
        margin: auto;
    }
}

@media (max-width: 1440px) {
    .centerbar {
        flex: 0 0 auto;
        width: 85%;
        margin: auto;
    }
}

@media (width: 1032px) {
    .centerbar {
        flex: 0 0 auto;
        width: 85%;
        margin: auto;
    }

    .buton a img {
        width: 91% !important;
    }
}

@media (width: 1366px) {

    .buton a img {
        width: 50% !important;
    }

    .carousel {
        width: 100% !important;
    }

    .centerbar {
        flex: 0 0 auto;
        width: 65%;
        margin: auto;
    }
}

.dropdown-item:first-child {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .50rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #004f9a;
    text-align: inherit;
    white-space: nowrap;
    background-color: #cdebf5;
    border: 0;
    font-size: 13px;
}

.dropdown-menu {
    background-color: #cdebf5;
    padding: 0;
    color: #fff;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #004f9a;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}


.rainbow-box {
    border-radius: 20px !important;
    /*background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);*/
    -webkit-text-fill-color: transparent;
    border: 5px solid transparent;
    animation: rainbow-box 2.5s linear;
    animation-iteration-count: infinite;
}

.roundedCustom {
    border-radius: 25px !important;
}


/*@keyframes rainbow-box {
    100%,0% {
        background-color: rgb(255,0,0);
    }

    8% {
        background-color: rgb(255,127,0);
    }

    16% {
        background-color: rgb(255,255,0);
    }

    25% {
        background-color: rgb(127,255,0);
    }

    33% {
        background-color: rgb(0,255,0);
    }

    41% {
        background-color: rgb(0,255,127);
    }

    50% {
        background-color: rgb(0,255,255);
    }

    58% {
        background-color: rgb(0,127,255);
    }

    66% {
        background-color: rgb(0,0,255);
    }

    75% {
        background-color: rgb(127,0,255);
    }

    83% {
        background-color: rgb(255,0,255);
    }

    91% {
        background-color: rgb(255,0,127);
    }
}*/


@keyframes rainbow-box {
    100%,0% {
        background-color: rgb(244, 153, 192);
    }

    8% {
        background-color: rgb(255, 210, 84);
    }

    16% {
        background-color: rgb(157, 209, 199);
    }
}

.sayac-box {
    background-color: #fafad2;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 15px;
}

table {
    font-family: cursive;
}


.wave-container {
    position: absolute;
    width: 100%;
    height: 72vh;
    overflow: hidden;
}

canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.sol {
    position: absolute;
    left: -3px;
    z-index: 999;
    top: 0;
}


@media (max-width: 991px) {
    .sol {
        display: none !important;
    }
}