body {
   
    font-family: Arial, sans-serif;
    text-align: center;
}

a {
    font-size: 1.15em;
    transition: color 0.3s ease, transform 0.2s ease-out;
    display: inline-block;
    color: black;
    text-decoration: none;
}

.odev-listesi a {
    color: black;
    text-decoration: none;
}

.odev-listesi a:hover {
    color: red !important;
    text-decoration: underline;
    transform: scale(1.05);
}

a:hover {
    color: #ff4d4d;
    transform: scale(1.05);
}

table {
    background-color: #fede1c;
    border-collapse: separate;
}

td[colspan="5"] {
    background-color: #f8d03c;
}

input[type="submit"], input[type="reset"] {
    transition: transform 0.2s ease-out, background-color 0.2s ease-out;
    display: inline-block;
    color: rgba(255, 255, 255, 0.667);
    font-weight: bold;
    cursor: pointer;
}

input[type="submit"]:hover {
  
    transform: scale(1.10);
    background-color: #38b000 !important; 
    color: greenyellow;
}

input[type="reset"]:hover {
  
    transform: scale(1.10);
    background-color: #d80000 !important;
    color: rgb(255, 65, 65);
}
@keyframes rainbow {
    0% { color: #FF0000; } 
    33% { color: #00FF00; }
    66% { color: #0000FF; }
    100% { color: #FF0000; } 
}


.rainbow-text {
   
    animation: rainbow 6s linear infinite; 
    
    
    display: inline-block; 
}