/*
+--------------------------------------------------+
|         This was created by Tyler Chaky          |
|                                                  |
|  __          __   _____   __      __   __   __   |
|  \ \        / /  /  _  \  \ \    / /  /_ | /_ |  |
|   \ \  /\  / /  /  /_\  \  \ \  / /    | |  | |  |
|    \ \/  \/ /  /  _____  \  \ \/ /     | |  | |  |
|     \__/\__/  /__/     \__\  \__/      |_|  |_|  |
|                                                  |
+--------------------------------------------------+
*/

.ip-display-card {
    text-align: center;
    border-top: 4px solid var(--accent-color);
}

.big-ip {
    font-size: 2.5rem;
    font-weight: 800;
    color: #fff;
    margin: 15px 0;
    text-shadow: 0 0 10px rgba(102, 252, 241, 0.4);
}

.small-isp {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.quick-ports {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.tag {
    background: #111;
    border: 1px solid #333;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    color: #ccc;
    cursor: pointer;
    transition: 0.2s;
}

.tag:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
}

#port-result {
    text-align: center;
    background: #000;
    padding: 20px;
    border-radius: 8px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}