/* css i tend to use because i dont want to have to copy paste it every time */

@import url('https://fonts.googleapis.com/css2?family=Asset&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Underdog&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Single+Day&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');



@font-face {
    font-family: "ultrafont";
    src: url("https://file.garden/Zkn_2NfNUzpwCePL/neocities/VCR_OSD_MONO_1.001.ttf");
}

@font-face {
    font-family: "univers";
    src: url("https://file.garden/Zkn_2NfNUzpwCePL/neocities/Univers%2057%20Condensed%20Regular.otf");
}
@font-face {
    font-family: "tf2";
    src: url("https://file.garden/Zkn_2NfNUzpwCePL/neocities/TF2.ttf");
}

@font-face {
    font-family: "papyrus";
    src: url("https://file.garden/Zkn_2NfNUzpwCePL/neocities/papyrus.ttf");
}

body {
    background-color: black;
    color: white;
    text-align: center;
}
h1 {
    font-family: 'Asset', serif;
}




.flexcolumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex {
    display: flex;
    justify-content: center;
}

.pink {
    color: #F53D61;;
}

.nomargin {
    margin: 0;
}


/* the fonts i imported up there */

.asset {
    font-family: 'Asset', serif;
}

.puddles {
    font-family:  'Rubik Puddles', system-ui;
}

.underdog {
    font-family: 'underdog'; 
}

.hi-melody {
    font-family: 'Hi Melody', sans-serif;
}

.single-day {
    font-family: 'Single Day';
}

.barcode {
    font-family: 'Libre Barcode 39 Text', system-ui;
}

.ultrafont {
    font-family: 'ultrafont';
}

.tf2 {
    font-family: "tf2";
}

.spacemono {
    font-family: "Space Mono", monospace;
}

.papyrus {
    font-family: "papyrus";
}

/* these fonts ↓↓↓↓↓↓↓ are for me - adrian */

.trade-winds-regular { 
    font-family: 'Trade Winds', system-ui;
    font-weight: 400;
    font-style: normal;
}
/* why are we making these into classes are we stupid - adrian */
.special-elite-regular { 
  font-family: "Special Elite", system-ui;
}