:root {
    --background-color: #fda3d8;
    --secondary-color: #ffffff;
    --post-background: #00000078;
    --header: url(/imgs/banner/pinky.webp);
    --header-repeat: no-repeat;
    --header-size: cover;
    --main-font: "LanaPixel", sans-serif;
    --blog-font: "LanaPixel", sans-serif;
    --background-image: none;
    --background-size: contain;
    --background-repeat: no-repeat;
    --text-transform: none;
  }
  

html {
    background-color: #00000080;
}

body {
    width: 100%;
    margin: auto
}

#themes {
    text-align: center;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.themeSquare {
    text-align: center;
    align-items: center;
    width: 300px;
    height: 250px;
    background-color: var(--background-color);
    margin-bottom: 20px;
    border-color: var(--background-color);
    border-style: solid;
    border-width: 10px;
    background-size: var(--background-size);
    background-image: var(--background-image);
    background-repeat: var(--background-repeat);
    background-color: var(--background-color);
    background-attachment: fixed;
    background-position: center; 
}

.themeHeader {
    width: 100%;
    background-image: var(--header);
    background-size: cover;
    height: 100px;
    color: var(--secondary-color);
    background-color: var(--post-background);
    align-content: center;
    border-bottom: var(--secondary-color);
    border-width: 0px 0px 2px 0px ;
    border-style: solid;
}

.themeElements {
    height: 150px;
    background-color: var(--post-background);
    color: var(--secondary-color);
    align-content: center;
}

button {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    margin-top: 5px;
    border-color: var(--background-color);
    border-style: dashed;
    border-width: 3px;
    background-color: var(--post-background);
    padding: 2%;
    color: var(--secondary-color);
    font-family: var(--main-font);
    text-transform: var(--text-transform);
    font-size:x-large;
    cursor: url("imgs/cursor/link.png"), auto;
}


@font-face {
    font-family: "Home Video";
    src: url("/fonts/HomeVideo-BLG6G.ttf") format("truetype");
  }
  @font-face {
    font-family: "Aclonica";
    src: url("/fonts/Aclonica-Regular.ttf") format("truetype");
  }
  @font-face {
    font-family: "LanaPixel";
    src: url("/fonts/LanaPixel.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Home Video";
    src: url("/fonts/HomeVideoBold-R90Dv.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "AbolitionW00-Regular";
    src: url("/fonts/AbolitionTest-Regular.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "Public Pixel";
    src: url("/fonts/PublicPixel-rv0pA.ttf") format("truetype");
  }
  
  @font-face {
    font-family: "m6x11plus";
    src: url("/fonts/m6x11plus.ttf") format("truetype");
  }
  @font-face {
    font-family: "Refrigerator Deluxe Heavy";
    src: url("fonts/RefrigeratorDeluxeHeavy.ttf") format("truetype");
  }