@font-face {
     font-family: "Fredericka";
     src: url(FrederickatheGreat-Regular.ttf);
}

@font-face {
     font-family: "Wellfleet";
     src: url(Wellfleet-Regular.ttf);
}

body {
     font-family: "Wellfleet", Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     background-color: rgb(230, 210, 255);
     font-size: 24px;
     margin: 0;
}

.header {
     text-align: center;
     margin: 0;
     padding: 5vw;
     background-color: rgb(19, 0, 42);
     color: rgb(230, 210, 255);
     font-size: 48px;
     font-family: "Fredericka", Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

h1 {
     font-weight: normal;
}

.info {
     margin: 5vw 20vw;
}

.print {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-direction: column;
     
     padding: 3vw;
     line-height: 3vw;
}

.selector {
     display: flex;
     align-items: center;
     flex-direction: column;
}

.joke {
     border-width: 0 0 2px 0;
     border-style: solid;
     border-color: rgb(19, 0, 42);
}
.fade-in {
     opacity: 0;
     transition: opacity 1s;
}
.fade-in.visible {
     opacity: 1;
}