@font-face {
    font-family: en inpin;
    src: url('印品鸿蒙体.ttf');
}

::-moz-selection {
  color: #ff445d;
  background: #dcfe00;
}

body {
    background-image: url('../zzz/images/bg-zigzag.png');
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: en inpin;
    cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAIAAgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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'), auto;
}

#container {
    width: 69%;
}

p {
    margin: 0;
    padding: 20px;
}

span {
    color: #dcfe00;
}

h2 {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding: 10px;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    color: #dcfe00;
    font-weight: 500;
}

h3 {
    font-size: 1.1em;
    margin: 0;
    text-align: center;
}

header h1 {
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 3em;
}

header {
    border-radius: 0 0 60px 60px;
    margin-bottom: 20px;
    text-align: center;
    color: white;
    background: linear-gradient(180deg, #000000 0%, #00000000 99%);
}

header img {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

nav {
    border-radius: 20px 20px 0 0;
    background-color: #000000;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 3;
}

ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
}

nav button {
    margin: 10px;
    background-color: white;
    color: black;
    padding: 10px;
    border-radius: 20px;
    border: 2px solid transparent;
    text-decoration: none;
    font-family: en inpin;
}

nav button:hover {
    background-color: #000000;
    color: white;
    border: 2px solid white;
    cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAIAAgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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'), pointer;
}

main {
    background: linear-gradient(180deg, #000000 0%, #00000060 99%);
    color: white;
    padding: 50px;
}

#content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#quote {
    font-size: 0.9em;
    font-style: italic;
    color: #ff445d;
    text-shadow: 1px 0 black, 0 1px black, -1px 0 black, 0 -1px black;
}


main img:not(#rank, #agentPortrait, .collectionImg img) {
    width: 50%;
    align-self: center;
    border-radius: 0 30px 0 30px;
    box-shadow: 0 0 10px black;
}

#agentsAndFactions {
    display: flex;
    flex-direction: column;

}

.agentsImgs {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#agentsAndFactions img:not(#rank) {
    width: 175px;
    height: 175px;
    border: 2px solid white;
    filter: grayscale(70%);
    transition: all .2s;
}

#agentsAndFactions img:not(#rank):hover {
    transform: scale(1.1);
    filter: none;
}

.individualAgent {
    text-align: center;
    margin: 10px
}

.individualAgent p {
    font-size: 0.6em;
    font-style: italic;
    padding: 0;
}

#rank {
    max-width: 50px;
    display: block;
    position: absolute;
    z-index: 2;
}

.favouriteAgentContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 600px;
}

.favouriteAgentContainer p {
    margin: 10px;
    padding: 10px;
}

.favouriteAgentContainer div:nth-child(1) {
    width: 600px;
}

#agentPortrait {
    position: absolute;
    width: 300px;
    left: -15%;
    border: none;
    box-shadow: none;
}

.individualAgent img:nth-child(3) {
    background: repeating-linear-gradient(
  135deg,
  #000000,
  #000000 10px,
  #363636 10px,
  #363636 20px
);
}

h4 {
    font-size: 1.4em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

table {
    width: 50%;
    margin: 0 0 0 17px;
}

.collection {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.collectionImg {
    text-align: center;
    font-size: 0.8em;
    margin: 10px;
}

.collectionImg img {
    margin: 10px;
    max-width: 400px;
    border-radius: 0 30px 0 30px;
    box-shadow: 0 0 10px black;
}

.collectionImg p {
    padding: 0;
}

.collectionImg a {
    color: black;
    text-shadow: 1px 0 white, 0 1px white, -1px 0 white, 0 -1px white;
}

.collectionImg a:hover {
    color: white;
    text-shadow: 1px 0 black, 0 1px black, -1px 0 black, 0 -1px black;
}

footer {
    background-color: #00000060;
    font-size: 0.6em;
    width: 69%;
}