body { background:#000000; height:100%; }
hotkey {color=#666;left:50%;transform:translate(-50%,-0%);font-size:35px;}
#fetchedContentDisplay { 
  width: auto;       /* Ensures the div spans the full width of the page */
  border-radius: 50px;
  display:block; 
  padding-top:100px;
  /*border: 1px solid yellow;*/ 
  /*margin-top:120px;*/
  
  }
    iframe { max-width: 500px; 
  	min-width: 350px; 
	padding-top:3%;
    padding:0%;
    position:relative;
    z-index:5;
    color-scheme: light dark !important;
	}
iframe:hover { zindex:9; }
  button {  }
  /* Button styling */
  #refreshBtn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5rem;          /* Oversized text */
    padding: 2.2rem 2.5rem;     /* Large clickable area */
    color: #fff;
    background: linear-gradient(135deg, #4a90e2, #007aff);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    right: 5%;
    bottom: 5%;
    transform: translate(0%, 0%);
  position: fixed;
  z-index:6;
   display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        font-family: sans-serif;
  }

  /* Hover / active effects */
  #refreshBtn:hover {
    background: linear-gradient(135deg, #5aa0f5, #108bff);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  	z-index:6;
  }
  #refreshBtn:active {
    /*transform: scale(0.97);*/
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  	padding: 2.1rem 2.4rem;
  }
   /* Styling the (ctrl+x) subtext */
    #refreshBtn .shortcut {
        font-size: 20px;
        font-weight: normal;
        opacity: 0.8;
        margin-top: 2px;
        text-transform: lowercase;
    }
  #logo {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.8rem 1.2rem;
    background: linear-gradient(135deg, #ff6b6b, #ff9f43);
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    border-bottom-left-radius: 12px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 2;
    text-decoration: none;
  }

  /* Optional hover effect */
  #logo:hover {
  z-index: 6;
    background: linear-gradient(135deg, #ff8c8c, #ffb96b);
  }
  .getmx {
  z-index: 1;
  position: fixed;
  bottom: 0%;
  right: 0%;transition:234ms;
  transform: translate(0%,0%);
  background: #1a1a1a; color: white; padding: 30px; border-radius: 20px; width: 350px; text-align: center; border: 4px solid #ff5a00; font-family: 'Segoe UI', sans-serif;
  }
  .getmx:hover {
  transition:234ms;
  	z-index: 10;
	}