:root {
	--main-color: #FF5733;
}

@font-face {
    font-family: "Bank Sans";
    src: url('Assets/fonts/Bank_Sans_Regular.otf') format('opentype');
}

@font-face {
    font-family: "Bank Sans Bold";
    src: url('Assets/fonts/captainfalcon.ttf') format('TrueType');
}

@font-face {
    font-family: "Aileron Black";
    src: url('Assets/fonts/Aileron-Black.otf') format('opentype');
}

@font-face {
    font-family: "Aileron Bold";
    src: url('Assets/fonts/Aileron-Bold.otf') format('opentype');
}

@font-face {
    font-family: "Aileron Regular";
    src: url('Assets/fonts/Aileron-Regular.otf') format('opentype');
}

@font-face {
    font-family: "Exo2 Regular";
    src: url('Assets/fonts/Exo2-Regular.ttf') format('TrueType');
}

@font-face {
    font-family: "Exo2 Medium";
    src: url('Assets/fonts/Exo2-Medium.ttf') format('TrueType');
}

@font-face {
    font-family: "Exo2 Black";
    src: url('Assets/fonts/Exo2-Black.ttf') format('TrueType');
}

@font-face {
    font-family: "Captain Falcon";
    src: url('Assets/fonts/captainfalcon.otf') format('opentype');
}

* {
    margin: 0;
    padding: 0;
}

body {
    width: 100vw;
    height: 100vh;
}

.outer-wrapper {
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 790px;
    min-width: 850px;
}

.background {
    position: fixed;
    background-image: linear-gradient(135deg, #233042ff,#15191bff);
    background-attachment: fixed;
    z-index: -1;
    width: calc(100vw + 100vh);
    height: calc(100vh + 100vw);
    animation: infinite ease 10s gradient-move;
}

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

h1 {
    font-family: "Captain Falcon";
    font-size: 6em;
	letter-spacing: 5px;
    margin-top: 0;
	margin-bottom: 0.15em;
    user-select: none;
    cursor: default;
    color: #E0E0E0;
}

h2 {
    font-family: 'Exo2 Black';
    letter-spacing: 0.1ch;
    font-size: 2.5em;
    color:#B0B0B0;
}

h3 {
    font-family: "Exo2 Medium";
    color:#B0B0B0;
    font-size: 2em;
    line-height: 1.5em;
    letter-spacing: 0.1ch;
}

h4 {
    font-family: "Exo2 Black";
    color:var(--main-color);
    font-size: 2em;
    line-height: 1.5em;
    letter-spacing: 0.2ch;
    margin-top: 2em;;
}

.prometheus-logo {
	color: var(--main-color);
}

.icon-wrapper {
    display: flex;
    gap: 3em;
}

.icon-wrapper > a > div {
    border-radius: 20%;
    font-size: 3em;
    aspect-ratio: 1/1;
    height: 1em;
    padding: 0.2em;
    color: white;
    transition: color 200ms ease;
}

.icon-wrapper > a > div:hover {
    color: var(--main-color);
}

a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

@keyframes gradient-move {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}