      body {
            /* background: linear-gradient(135deg, #eef2f7, #e3e9f2); */
            font-family: 'Segoe UI', sans-serif;
            margin: 0px;
            padding: 0px;
            background: #fff;
            overflow-x: hidden;
        }

    
        .navUst {

            height: 30px;
            backdrop-filter: blur(10px);
            background:#5D9DCC;

        }
        .dropdown-menu{
            display: none;
            background-color:#212529 ;
          
        }
        .dropdown:hover .dropdown-menu{

          display:block;
          margin-top: 0;
        }
        .dropdown-menu>li>a{
            color:white;
        }

        .logoUst {
            position: relative;
        }

        .logo {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            position: absolute;
            z-index: 1;
            top: -48px;
            left: 10px;
            width: 95px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

        }

        .logoMobil>a>img {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            position: absolute;
            z-index: 1;
            top: -12px;
            left: 10px;
            width: 70px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .navYazi {

            color: white;
            position: relative;
            left: 100px;
            line-height: 150%;
            letter-spacing: 1px;
          
        }
       
        .navbar-nav>li>a {
            color: white;
        }

        .navbar .nav-link.active, .navbar-nav>li>a:hover {
        border-bottom:2px solid #1566FC;
          color: white;
        }

        
        .baslik {
            color: white;
            font-size: 40px;
            line-height: 1.15;
            letter-spacing: -0.03em;
            text-shadow: 1px 2px #1566FC;
        }


        .sayi {

            font-size: 40px;
            text-shadow: 1px 2px #1566FC;
            opacity: 1;
            margin-left: 5px;

        }

     
       .alert {
        border-radius: 25px;
        color: black;

    }

    .bg-alan {
        background-image: url('../../img/bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 20vh;
    }

        
    .golge{
        box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
    
    }

    a{
        text-decoration:none;
    }