body {
	font-family:Helvetica;
	background-image: linear-gradient(#a5d4d3, #F7F1F1, #F0F0F0);
	background-repeat: no-repeat;
	background-attachment: fixed;
    	animation: fadein 0.5s;
       -moz-animation: fadein	 0.5s; /* Firefox */
       -webkit-animation: fadein 0.5s; /* Safari and Chrome */
}

#input {
	background-color:transparent;
	border:1px solid;
	border-radius:5px;
	color:white;
	width:100%;
	height:30px;
	font-size:18px;
	}
select{
	background-color:transparent;
	border:1px solid;
	border-radius:5px;
	width:100%;
	height:30px;
	font-size:18px;
}	

select option{
    background-color: #CEF6EC;
	color:black;
}


div.geri {
	position:fixed;
	top:100px;
	right:18px;
	transition: 0.5s;
	background-color:transparent;
	border:none;
}

div.geri:hover {
	transition: 0.5s;
	transform: scale(1.5);
}

button.kaydet {
	position:fixed;
	top:175px;
	right:5px;
	transition: 0.5s;
	background-color:transparent;
	border:none;
}

button.kaydet:hover {
	transition: 0.5s;
	transform: scale(1.5);
}

table.eklemeformu {
	text-align:left;
	margin: 0 auto;
}

img.ok {
	position:absolute;
	margin-top:150px;
	margin-left:-50px;
}

span.ok {
	position:absolute;
	margin-top:260px;
	margin-left:-160px;
	}

       /*
        Max width before this PARTICULAR table gets nasty
        This query will take effect for any screen smaller than 760px
        and also iPads specifically.
        */
       @media only screen and (max-width: 680px), (min-device-width: 360px) and (max-device-width: 1024px) {

            /* Force table to not be like tables anymore */
            table, thead, tbody, th, td, tr {
                display: block;
            }
			table {box-shadow: 1px 5px 	grey;}

                /* Hide table headers (but not display: none;, for accessibility) */
                thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }
table.kategori {
	width: 10%;
}
table.yazılar {
	width:100%
}

button.kategori {
width:100%;
}


table.eklemeformu {
	text-align:left;
	margin: 0 auto;
}