@font-face {
    font-family: andromeda;
    src: url('../fonts/Andromeda-eR2n.ttf')  format('truetype')
}

body {
    margin: 0;
    padding: 0;
    background-image: url(../img/starrynight1.gif);
    background-repeat: repeat;
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    color: bisque;
}

h1, h4 {
    font-family: andromeda;
}

/*div {
    border: red 1px solid;
}*/

a {
    color: #3FC;
    text-decoration: none;
}

a:hover {
    color: #f6f;
}

.main {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: space-between;
}

.pubKey {
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
}


.title {
    font-family: andromeda;
    font-size: 10vw;
}
/*CSS-Only Collapsible provided by https://lambdaurora.dev/tutorials/web/html_css/trick/html_css_only_collapsible.html*/
/* Avoid weird spacing. */
.collapsibleWrapper {
	display: flex;
	flex-direction: column;
}

/* We hide the checkbox. */
.collapsibleInternalTrigger {
	display: none;
}

.collapsibleTrigger {
	cursor: pointer;
	color: #3FC;
}

.collapsibleTrigger:hover {
    color: #f6f;
}

/* We hide the content by default. */
.collapsibleContent {
	visibility: collapse;
	height: 0;
}

/* When the collapsible is opened, display the content. */
.collapsibleInternalTrigger:checked ~ .collapsibleContent {
	visibility: visible;
	height: 100%;
}