@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English&family=IM+Fell+English+SC&family=Josefin+Sans&display=swap');

/* STYLES FOR THE IMPORTED FONTS
font-family: 'IM Fell English', serif;
font-family: 'IM Fell English SC', serif;
font-family: 'Josefin Sans', sans-serif;
*/

html { background: #000000; padding: 0; }
body { background: #ffffff; width: calc(80% - 1em); min-height: calc(100vh - 2em); margin: 0 auto; border-left: 1em solid #ff0000; border-right: 1em solid #ff0000; padding: 1em; font-family: 'Josefin Sans', sans-serif; font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1000 - 320))); }

h1 { font-family: 'IM Fell English SC', serif; font-size: calc(12px + (24 - 12) * ((100vw - 320px) / (1000 - 320))); margin-top: 0; }
h2 { font-family: 'IM Fell English', serif; font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1000 - 320))); }
p { line-height: 1.1; }
li { line-height: 1.1; }

.nav { font-size: calc(12px + (12 - 12) * ((100vw - 320px) / (1000 - 320)));  }
.cur { font-weight: bold; }

.nftcollection { padding: 1em; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: stretch; }
.nftcollection figure { margin: 1em; }
figure img { border: 5px solid #000000; border-radius: 10px; }
figure figcaption { text-align: center; }

.collection { padding: 1em; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: stretch; }
.collection figure { padding: 0; background-color: #ffffff; border: 0px solid #ffffff; border-radius: 10px; width: 90%; margin: 1em auto; } /* SPECIFY MAX WIDTH */
.collection figure img { margin: 0 1em; border: 0; }
.collection figure figcaption { text-align: center; }