/* Knipperend kader */ @keyframes blinkBorder { 0% { border-color: red; } 50% { border-color: transparent; } 100% { border-color: red; } } .blink-box { border: 3px solid red; padding: 12px; text-align: center; font-size: 20px; font-weight: bold; color: green; animation: blinkBorder 1s infinite; margin-top: 10px; } .img-small { width: 150px; display: block; margin: 10px auto; border-radius: 8px; } /* Popup fade */ #popup { opacity: 0; transition: opacity 1s ease; pointer-events: none; } #popup.show { opacity: 1; pointer-events: auto; } /* Mobiel optimalisatie */ @media (max-width: 600px) { #popup div { padding: 18px !important; max-width: 300px !important; } #popup h3 { font-size: 22px !important; } #popup h2 { font-size: 26px !important; } #popup h4 { font-size: 18px !important; } #popup p { font-size: 14px !important; } .img-small { width: 110px; } .blink-box { font-size: 15px; padding: 8px; } }