body {
            /*background: linear-gradient(132deg, #f44336, #E91E63, #9C27B0, #673AB7, #3F51B5, #2196F3,#03A9F4, #00BCD4, #009688, #4CAF50, #FFC107, #FF9800, #f44336, #E91E63, #9C27B0, #673AB7, #3F51B5, #2196F3,#03A9F4, #00BCD4, #009688, #4CAF50, #FFC107, #FF9800);*/
            background:  #5d636e;
            background-size: 400% 400%;
            animation: BackgroundGradient 30s ease infinite;
        }
            
        @keyframes BackgroundGradient {
            0% {background-position: 0% 50%;}
            50% {background-position: 100% 50%;}
            100% {background-position: 0% 50%;}
        }
        .baslik
        {
            color: #fff;
            text-align: center;
            font-family: 'Fira Sans', sans-serif;
        }
        .arkalogin
        {
            width: 350px;
            text-align: center;
            background: #005e7c;
            height: 250px;
            padding: 10px;
            margin: 50px auto;
        }
        .loginbaslik
        {
            color: #fff;
            text-align: left;
            font-size: 19px;
            margin-top: 15px;
        }
        .giris
        {
            width: 100%;
            height: 40px;
            margin-top: 10px;
            border: none;
            background: #E5E5E5;
            outline: none;
            padding: 0 10px;
        }
        .butonlogin
        {
            width: 100%;
            margin-top: 10px;
            height: 40px;
            font-weight: bold;
            background: #fff;
            border: none;
            color: #1E88E5;
            transition: all 250ms;
        }
        .butonlogin:hover
        {
            background: #1E88E5;
            color: #fff;
        }
        body
        {
            margin: 0;
        }