.heading {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Rubik Mono One', monospace;
  font-size: 6rem;
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  
}


.subHeading {
    font-size: large;
    margin-top: -5px;
    text-align: center;
    color: white;
    font-family: 'Rubik Mono One', monospace;
}

body {
    background-color: black;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent default body margin/padding and hide overflow */
}

.heading, .subHeading {
    text-align: center;
}

#iframeContainer {
    position: absolute;
    top: 120px; /* Adjust this value based on your header height and any additional margin you want */
    left: 0;
    width: 100%;
    height: calc(100vh - 120px); /* Subtract header height from viewport height */
}

iframe {
    width: 100%;
    height: 100%;
    border: none; /* Remove iframe border if needed */
    position: relative;
    bottom: -50px;
}

.footer {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'Rubik Mono One', monospace;
    border-top: solid transparent;
    border-image: linear-gradient(to bottom right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
    color: white;
    text-align: center;
    border-image-slice: 1;

}

.footer a {
    color: white;
    position: relative;
    bottom: -3px;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}