@font-face {
  font-family: 'bankprinter';
  src: url('./fonts/F25\ Bank\ Printer.woff2') format('woff2'),
       url('./fonts/F25\ Bank\ Printer.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'teleprinter';
  src: url('./fonts/Teleprinter.woff2') format('woff2'),
       url('./fonts/Teleprinter.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'dotted';
  src: url('./fonts/vtks-psychedelic.regular.woff2') format('woff2'),
       url('./fonts/vtks-psychedelic.regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'merchant';
  src: url('./fonts/merchant-copy.regular.woff2') format('woff2'),
       url('./fonts/merchant-copy.regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'merchantbig';
  src: url('./fonts/merchant-copy.doublesize.woff2') format('woff2'),
       url('./fonts/merchant-copy.doublesize.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'digitag';
  src: url('./fonts/Digitag.woff2') format('woff2'),
       url('./fonts/Digitag.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
    background-image:url(/photos-compressed/2026-09-16/IMG_4255.avif);
    background-size: cover;

    display: flex;
    justify-content: center;
}

.boardingpass {
    margin-top: 200px;

    font-family: merchant;

    user-select: none;

    max-width: 100%;
    height: fit-content;
    width: 60%;

    aspect-ratio: 128 / 48;


    border-radius: 0.8cqw;

    background-color: rgb(243, 223, 203);

    overflow: hidden;

    font-size: 1.25cqw;
}

#colorbar {
    background-color: red;
    width: 100%;
    height: 1cqw;
}

.passrows {
    padding:0.02cqw;

    display: flex;
    justify-content: center;
    align-items: center;

    white-space: pre;

    width:fit-content;
}

.passcollumn{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.passcontent {
    display: flex;
    justify-content: left;
}

.passicon {
    margin: 0.8cqw;
}

.passline {
    height: 0.12cqw;
    width: 41cqw;
    background-color: black;
}

#bigpasstext {
    font-size: 3cqw;
    font-weight: bold;
}


#passname {
    font-weight:bold;
    font-size:1.5cqw ;
}

#passwarn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 41cqw;
}

#pnum {
    font-size: 1.5cqw;
    font-weight: bold;
}

#ff{
    
}

#barcode{
    align-self: flex-end;
    width: 16cqw;
    transform: translateY(-1.25cqw);
}

#final {
    transform: translateY(-2.25cqw);
    font-weight: bold;
}

#bigletter{
    font-size: 3cqw;
    font-weight: bold;
}





.homebutton {
    user-select: none;
    position: absolute;
    top:0;
    left: 0;
    margin:20px;
    width: fit-content;
    height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 50px;
    font-family: "digitag", sans-serif;                                   
    color: #dc4f66;
}

.titlefont {
    position: relative;
    z-index: 2;
    text-shadow: 
    6px 6px 0px #f1d484,
    12px 12px 0px #aed17f;
}

a {
  color: inherit;          
  text-decoration: none;   
}