@font-face {
    font-family: 'Eurostile';
    font-style: normal;
    font-weight: normal;
    src: url('eurostile.woff') format('woff');
    }

body{
    background-color: rgb(136, 150, 157);
    margin: 0%;
    text-align: center;
    overflow-x: hidden;
}
h1{
    color: #000;
    text-align: center;
    font-family: "Eurostile";
    font-size: xxx-large;
}
.link{
    color: #000;
    text-align: center;
    font-family: "Eurostile";
    font-size: x-large;
}
.logo{
    display: flex;
    justify-content: center;
    margin: 1.3%;
    position: fixed;
    width: 15%;
}
.bannerdiv{
    margin: 0%;
    padding: 0%;
    border: none;
    display: flex;
    justify-content: center;
    position: fixed;
    background-color: #3b4c67;
    width: 100%;
    height: 10%;
}
.ci{
    display: flex;
    left: 50%;
    justify-content: center;
}

.centeredti {
  display: flex;
  align-items: center; /* Vertically centers image and text */
  justify-content: center; /* Centers the group horizontally */
  gap: 10px; /* Adds space between image and text */
  max-width: fit-content; /* Ensures the container is only as wide as its content */
  margin: 0 auto; /* Centers the container itself on the page */
}

.centeredti img {
  max-height: 100px; /* Adjust as needed */
}   

.ubuntu-mono-regular {
  font-family: "Ubuntu Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-mono-bold {
  font-family: "Ubuntu Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-mono-regular-italic {
  font-family: "Ubuntu Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-mono-bold-italic {
  font-family: "Ubuntu Mono", monospace;
  font-weight: 700;
  font-style: italic;
}