/* -----------------------------------------------------------
   FONTS
----------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
  src: url("/fonts/script.ttf");
  font-family: 'script';
  font-display: swap;
}

@font-face {
  src: url(/fonts/angel.woff2);
  font-family: 'angel';
  font-display: swap;
}

@font-face {
  src: url(/fonts/Spirit.woff2);
  font-family: 'spirits';
  font-display: swap;
}

/* -----------------------------------------------------------
   ROOT VARIABLES & BASE
----------------------------------------------------------- */

:root {
  --brown: #a8907a;
  --offwhite: #fffaf0;
  --border: #f0b5cd;
}

body {
  background-image: url(/media/backgrounds/pinkcheck.png);
  background-size: 40px;
  overflow-x: hidden;
  font-family: 'angel';
  width: 1150px;
  overflow-y: scroll;
  overflow-x: hidden;
  letter-spacing: 0.3px;
  color: #606060;
  margin: 0 auto;
  padding-top: 20px;
}

html,
body {
  height: 100%;
  margin: 0 auto;
}

/* -----------------------------------------------------------
   CURSOR
----------------------------------------------------------- */

html,
body,
*,
a,
button,
input,
select,
textarea {
  cursor: url('/media/cursor/normal-select.gif') 0 0, progress !important;
}

/* -----------------------------------------------------------
   SELECTION & SCROLLBARS
----------------------------------------------------------- */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #fff7fa;
  -webkit-border-radius: 0ex;
  border: 1px dotted #edaecb;
}

::selection {
  background-color: #ffedf5;
  color: #8d7c76;
}

::-moz-selection {
  background-color: #ffedf5;
  color: #8d7c76;
}

/* -----------------------------------------------------------
   GLOBAL RESET & ELEMENTS
----------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #edaecb;
  transition: .1s
}

a:link {
  color: #606060;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #606060;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #606060;
  background-color: transparent;
  text-decoration: dotted underline;
  font-style: italic;
}

a:active {
  color: #606060;
  background-color: transparent;
  text-decoration: underline;
}

u {
  text-decoration-style: wavy;
  margin-right: 4px;
}