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

body {
  background-image: url("img/starbg.png");
  font-family: "ChangesModern";
  cursor: url('https://cdn.cursors-4u.net/previews/the-infamous-middle-finger-ed11cdae-32.webp') 43 43, auto !important;
}
a{
  cursor: url('https://cdn.cursors-4u.net/previews/the-infamous-middle-finger-ed11cdae-32.webp') 43 43, auto !important;
  color: white;
}
a:hover{
  color: #0182b5;
}
.contents{
  background-color: #f9ac6d;
  padding:15px;
  border: 2px outset white;
  border-radius:10px;
}
button{
  cursor: url('https://cdn.cursors-4u.net/previews/the-infamous-middle-finger-ed11cdae-32.webp') 43 43, auto !important;
  font-family: "Calibri";
  font-size: 24px;
  color:#0182b5;
  border: 2px outset #0182b5;
  border-radius: 10px;
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 222, 125, 1) 40%, rgba(192, 232, 227, 1) 91%, rgba(178, 192, 207, 1) 100%);
}
button:hover{
  box-shadow: 1px -1px 23px 12px rgba(255,255,255,0.82);
  border: 2px outset white;
  color:white;
  background:rgba(192, 232, 227, 1);
}
button:active{
  transform: translateY(4px);
}
p{
  font-family: "Calibri";
  color:#1c1624;
  margin:5px;
}
h1{
  color:#0182b5;
}

.strokeme{
  image-rendering: pixelated;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

b{
  font-size:18px;
}

mark{
  color:#f96e52;
  background-color:rgba(0,0,0,0);
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}