@font-face {
    font-family: Comfortaa;
    src: url("/fonts/fonts/Comfortaa-Regular.ttf");
}

@font-face {
    font-family: Comfortaa;
    src: url("/fonts/fonts/Comfortaa-Light.ttf");
    font-weight: light;
}

@font-face {
    font-family: Comfortaa;
    src: url("/fonts/fonts/Comfortaa-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: ComfortaaB;
    src: url("/fonts/fonts/Comfortaa-Bold.ttf");
}

@font-face {
    font-family: Lollipoptron;
    src: url("/fonts/fonts/Lollipoptron-7GPD.ttf");
}

@font-face {
    font-family: Emoji Font;
    src: url("/fonts/dingbatFonts/EmojiFont.ttf");
}

@font-face {
    font-family: SimpleDirectionArrows;
    src: url("/fonts/dingbatFonts/SimpleDirectionArrows.ttf");
}

@font-face {
    font-family: Star Things;
    src: url("/fonts/dingbatFonts/starthings.ttf");
}

@font-face {
    font-family: Burnstown Dam Back;
    src: url("/fonts/fonts/Burnstown\ Dam\ Back.otf");
}

@font-face {
    font-family: Burnstown Dam;
    src: url("/fonts/fonts/Burnstown\ Dam.otf");
}

@font-face {
    font-family: Chintzy;
    src: url("/fonts/fonts/chintzy.ttf");
}

@font-face {
    font-family: EHSMB;
    src: url("/fonts/fonts/EHSMB.TTF");
}

@font-face {
    font-family: Frutiger;
    src: url("/fonts/fonts/Frutiger.ttf");
}

@font-face {
    font-family: Frutiger Bold;
    src: url("/fonts/fonts/Frutiger_bold.ttf");
}


@font-face {
    font-family: Gothica;
    src: url("/fonts/fonts/Gothica-Bold.ttf");
}

@font-face {
    font-family: Hypik;
    src: url("/fonts/fonts/hypik.otf");
}

@font-face {
    font-family: Metal Lord;
    src: url("/fonts/fonts/Metal\ Lord.otf");
}

@font-face {
    font-family: RobloxFont;
    src: url("/fonts/fonts/RobloxFont-Regular.ttf");
}

@font-face {
    font-family: TheNeue-Black;
    src: url("/fonts/fonts/TheNeue-Black.ttf");
}


@font-face {
    font-family: TimesNewArial;
    src: url("/fonts/fonts/timesnewarial.ttf");
}

@font-face {
    font-family: Transit;
    src: url("/fonts/fonts/Transit\ CAT.ttf");
}

@font-face {
    font-family: Ubuntu Title;
    src: url("/fonts/fonts/Ubuntu-Title.ttf");
}

@font-face {
    font-family: Ubuntu Title Fr;
    src: url("/fonts/fonts/ubuntu-title-fr-1.1.ttf");
}

@font-face {
    font-family: ZeroAnd;
    src: url("/fonts/fonts/zero&.ttf");
}

@font-face {
    font-family: AChildishWonders;
    src: url("/fonts/fonts/AChildishWonders-3yY3.ttf");
}

@font-face {
    font-family: Atop;
    src: url("/fonts/fonts/Atop-R99O3.ttf");
}

@font-face {
    font-family: AvantstileRegular;
    src: url("/fonts/fonts/AvantstileRegular-ELlg.ttf");
}

@font-face {
    font-family: BlueberryHills2;
    src: url("/fonts/fonts/BlueberryHills2-Rx6V.ttf");
}

@font-face {
    font-family: Chirurgeon;
    src: url("/fonts/fonts/Chirurgeon-DP8D.ttf");
}

@font-face {
    font-family: CookimonstapersonaluseExtbd;
    src: url("/fonts/fonts/CookimonstapersonaluseExtbd-mL0Vm.otf");
}

@font-face {
    font-family: Vocaloid;
    src: url("/fonts/fonts/Vocaloid-Bapx.ttf");
}

@font-face {
    font-family: VocaloidItalic;
    src: url("/fonts/fonts/VocaloidItalic-8Zz0.ttf");
}

@font-face {
    font-family: WonderfulFontyCure;
    src: url("/fonts/fonts/WonderfulFontyCure-4nnoD.ttf");
}

html{
    min-height: 100%;
    /* background: url("./Images/patterns/06bd7f7d0ffc414d196bbf1335d6347b.jpg"); */
    background: url("./Images/74175.JPG");
    background-size: cover;
    background-color: #222;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.8);  
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
    font-family: 'Comfortaa', cursive;
    color: #c4c4c4;
    /* background-color: #2e2e2e; */
    /* backdrop-filter: blur(25px); */
}

a{
    color: #8fb1b3;
}
a:hover{
    color: #ffb347;
}

.whiteHover {
    color: #fff;
	text-decoration: none;
}
.whiteHover:hover{
    color: #ffb347;
}

.pageContainer {
    display: flex;
    flex-direction: row;
}
.pageLeft {
    flex: 1;
    padding: 1rem;
}
.pageRight {
    flex: 1;
    padding: 1rem;
}


.mainContainer {
    padding: 25px;
}

.goodText{
    font-family: 'Frutiger Bold','Gothica','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 75px;
}

.tinyText{
    color: #888;
    font-size: 0.85rem; 
    /* text-transform: uppercase;  */
    letter-spacing: 0.1em;
}

.goodTextUnderline {
    
}

p{
    font-size: 20px
}

@media (max-width: 1248px) {
    .pageContainer {
        flex-direction: column;
        padding-left: 12px;
        padding-right: 12px;
    }
    .pageLeft, .pageRight {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    body{
        margin: 0px;
    }
    
    .mainContainer {
        padding: 0px;
        margin: 0px;
    }

    .pageLeft {
        padding: 0;
    }
    .pageRight {
        padding: 0;
    }
}