/* Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@600&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');
    /* Dark mode */
    body { background-color: black; color: white; 
            }
    div {/* border: 1px dotted red; */}
    .font_1,h1 { /* i.e City Name*/ font-family: 'Grandstander', cursive; }
    .font_2 {  font-family: 'Neucha', cursive; }
    #dropdownMenuButton1{ width: 160px; }
    #blink {
        width: 15px;
        height: 15px;
        background-color: purple;
        /* border-radius: 100px;  */
        border-radius: 10px; 
        /* margin: 10px; */
        animation-name: blink;
        animation-duration: 0.2s;
        animation-iteration-count: infinite;
        /* added by ck */
        display: inline-block;
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 0; }
    @keyframes blink { 50% { opacity: 0.2; } }
    .blink_green  {background-color: var(--bs-teal)     !important; }
    .blink_orange {background-color: var(--bs-orange)   !important; animation-duration: 1.0s !important; }
    .blink_light  {background-color: var(--bs-gray-500) !important; animation-duration: 2.0s !important;}
    .blink_gray   {background-color: var(--bs-gray)     !important; animation-duration: 3.0s !important;}
    .blink_dark   {background-color: var(--bs-gray-800) !important; animation-play-state: paused !important;}
    
    .site_logo_hov:hover { transform: translateY(-3px) ; }
    img.card-img-top:hover {/* filter: drop-shadow(15px 15px 30px white); */}
    .sq_img {width:120px; height:120px;}
    #headline {border: 0px solid red;}
    /* Top right text */
    .top_left { position: absolute; top: 8px; left: 16px; }
    .top_right { position: absolute; top: 8px; right: 16px; }



    

    /* Google Fonts */
    .material-icons.md-18 { font-size: 18px; }
    .material-symbols-rounded {
        font-variation-settings:
        'FILL' 0,
        'wght' 0,
        'GRAD' 0,
        'opsz' NaN
      }

/* profile page css */
.multi { /* multi color - You found me on RBA */
animation: color-change 5s infinite;
}
@keyframes color-change {
  0% { color: var(--bs-indigo); }
  10% { color: var(--bs-purple); }
  20% { color: var(--bs-pink); }
  30% { color: var(--bs-red); }
  40% { color: var(--bs-orange); }
  50% { color: var(--bs-red); }
  60% { color: var(--bs-pink); }
  70% { color: var(--bs-purple); }
  100% { color: var(--bs-indigo); }
}
.iframe_profile {
    display:block;
    width:100%;
    height:120px;
    border-radius: 5px !important;
}