@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {
    background-color: rgb(30, 4, 52);
    color: #feeaff;
    max-width: 900px;
    justify-content: center;
    margin: auto;
    font-family: VT323 !important;
    font-size: 18px;
    filter:drop-shadow(0px 0px 30px #ce11df3b);
    backdrop-filter:blur(14px);
    background-image:url("https://decahedron.neocities.org/assets/bg5.gif");
}

html {
  cursor:url("assets/cursor.png"), auto;
}

a {
  color:#ff46f0 !important;
  text-decoration: underline dotted;
  transition: color 0.1s;
  filter:drop-shadow(0px 0px 2px) !important;
}

a:hover { 
  cursor:url("assets/pointer.png"), auto;
  color:rgb(246, 211, 255) !important;
  filter:drop-shadow(0px 0px 5px #ff96f4) !important;
}

.pagecontainer {
    display:block;
    justify-content: center;
}

.header {
    width: 100%;
    padding:10px;
    height:120px;
    background-image:url("https://f2.toyhou.se/file/f2-toyhou-se/images/100867144_91z0uUo68HvB1qY.png");
    background-size:100%;
    background-repeat: no-repeat;
    background-position: 0% 55%;
    position:relative;
    margin:auto;
}

h2 {
    color: #fff;
    filter: drop-shadow(0px 0px 10px #ff40d9) drop-shadow(0px 0px 20px #ff40d9a0);
    line-height: 5px;
    font-size: 40px;
}

h3 {
    color:#ffb4f0;
    filter:drop-shadow(0px 0px 5px #cb31ffac);
    line-height: 5px;
}

.dot {
  display:block;
  width:70%;
}

.main-container {
    justify-content: center;
    text-align: center;
    margin: auto;
    padding: 10px;
    width: 100%;
    background-color: rgba(7, 0, 21, 0.69);
    backdrop-filter: blur(5px);
}

.toplink { /* this is an h1 class */
    font-size:30px;
    margin-bottom:8px;
}

.toplink>a {
    color:#ffd1f8;
    filter:drop-shadow(0px 0px 10px #73058b)
}