@font-face {
	font-family: "Funnel Sans";
	src: url(fonts/FunnelSans-VariableFont_wght.ttf)
}
* {
    font-family: 'Funnel Sans';
    text-align: center;
    overflow-wrap: break-word
}
body {
    background: linear-gradient(to bottom, #8c2ce5, #000000);
    background-color: #000000;
    background-repeat: no-repeat;
    height: 600px
}

h1 {
    margin-top: -24px;
    margin-bottom: -4px;
    font-size: 100px;
    color: #FFFFFF
}
h2 {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 48px;
    color: #FFFFFF
}

p {
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 2px;
    margin-bottom: 2px
}
sup {
    font-size: 16px
}

hr {
    background: linear-gradient(to right, #00000000, #8c2ce5, #8c2ce5, #00000000);
    background-image: linear-gradient(to right, #00000000, #8c2ce5, #8c2ce5, #00000000);
    border-image: linear-gradient(to right, #00000000, #8c2ce5, #8c2ce5, #00000000);
    height: 4px;
    border: 0;
    border-style: solid
}

a {
    color: #8c2ce5
}
summary {
    cursor: pointer;
    list-style: none
}

h2:hover {
    background: linear-gradient(to right, #00000000, #8c2ce54f, #8c2ce54f, #00000000)
}
a:hover {
    background: #8c2ce5;
    color: #000000
}
.FOOTER {
    text-align: right
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 66.666%;
    border: solid 4px #8c2ce5;
}

img.PORTRAIT {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: 100%
}