ConstantCoder/Cyber-Security-Attack-Simulator

1/* Mobil cihazlar için stil ayarları */2@media (max-width: 768px) {3    #attack-simulator {4        margin: 10px; /* Küçük ekranlarda margin değerini azaltır */5        padding: 10px; /* Padding değerini küçültür */6    }7 8    button {9        flex: 1 0 100%; /* Butonları küçük ekranlarda tam genişlikte yapar */10        max-width: 100%; /* Butonların genişliğini sınırlar */11    }12}13 14/* Tablet ve küçük ekranlar için stil ayarları */15@media (max-width: 1024px) {16    #attack-simulator {17        margin: 20px;18        padding: 15px;19    }20 21    button {22        flex: 1 0 calc(50% - 10px); /* Butonları daha geniş yapar */23    }24}25 26 27body {28    background-color: rgb(12, 185, 228);29    font-family: 'Arial', sans-serif;30    color: #ff0000;31    text-align: center;32}33 34#attack-simulator {35    margin: 20px auto;36    padding: 20px;37    background-color: #fff;38    border-radius: 8px;39    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);40    width: 80%;41    max-width: 600px;42}43 44button {45    margin: 10px;46    padding: 10px 20px;47    background-color: #dd3333;48    color: white;49    border: none;50    border-radius: 4px;51    cursor: pointer;52    transition: background-color 0.3s ease;53}54 55button:hover {56    background-color: #6b1515;57}58 59#attack-result {60    margin-top: 20px;61}62