/* Clio's Custom Homepage CSS v0.1 */

:root {
    --color-base-font: #babbf1;
    --color-base-font-rgb: 187, 187, 187;
    --color-base-background: #222428;
    --color-url-font: #8af;
    --color-url-visited-font: #c09cd9;
    --color-search-border: #555;
    --color-search-shadow: 0 2px 8px rgba(34, 38, 46, 0.25);
    --color-search-background: #2b2e36;
    --color-search-font: #babbf1;
    --color-accent: #babbf1;
    --color-dark-font: #2b2e36;
}

::selection {
    background:var(--color-accent);
    color:var(--color-dark-font);
}

::-moz-selection {
    background:var(--color-accent);
    color:var(--color-dark-font);
}

html {
/*    line-height: 1.15; */
/*    -webkit-text-size-adjust: 100%; */
    font-family: sans-serif;
    font-size: .9em;
/*    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%; */
    color: var(--color-accent);
    background-color: var(--color-base-background);
    background: url('images/woods.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor:url('images/Witch_Broom_and_HatCursor.png'),auto;
    min-height: 100%;
}

body {
    margin: 0;
}

a {
  color:var(--color-url-font);
}

.headerbox {
    background-color:var(--color-search-background);
    width: fit-content;
    height: fit-content;
    padding: 0 5px 0px 5px;
    margin: auto;
    border-radius: .8rem;
}

.box {
    background-color:var(--color-search-background);
    width: fit-content;
    padding: 0 5px 0.1px 5px;
    margin: auto;
    border-radius: .8rem;
}

.box2 {
    background-color:var(--color-search-background);
    width: fit-content;
    height: fit-content;
    padding: 0 5px 0 5px;
    margin: auto;
    border: 0;
    border-radius: .8rem;
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translate(-50%, -75%);
}
.invisibox {
  margin: auto;
  border: 0;
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
}