/* DDoS */
.ddos {
    clear: both;
    overflow: hidden;
}
.ddos .ddos_content h2 {
    color: var(--white);
    font-weight: 600;
    font-size: 26px;
}
.ddos .ddos_content p {
    font-size: 15px;
}

.circle {
    fill: none;
    stroke: #2f334b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.dot {
    fill: #0195f4;
    stroke: #0195f4;
    stroke-width: 4;
    transition: opacity 0.3s ease, filter 0.3s ease;
}
.dot.blink {
    animation: blink 1s infinite;
    filter: drop-shadow(0 0 10px #0195f4);
}
.line {
    fill: none;
    stroke: #2f334b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
.triangle {
    fill: rgba(1, 149, 244, .4);
    stroke: #0195f4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3;
}
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}