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

body {
    background-color: #030528;
    color: #ccade8;
    margin:auto;
    background-image: url("https://decahedron.neocities.org/shrines/assets/kaleidobg.jpg");
    background-repeat: repeat;
    justify-content: center;
    font-family:VT323 !important;
    font-size:18px;
}

p {
    background-image: linear-gradient(#ccade8, #ce6bff);
    color: transparent;
    background-clip: text;
}

a {
    color:#fff9d1 !important;
    text-decoration: underline dotted;
    transition:color 0.1s;
}

a:hover {
    color:#ffd874 !important; 
    text-decoration: underline dotted;
    filter:drop-shadow(0px 0px 10px)
}

.pagecontainer {
    display:block;
    width:800px;
    margin:auto;
}

.main-content {
    background: #030528;
    background: linear-gradient(345deg, rgba(3, 5, 40, 0.548) 0%, rgba(40, 15, 94, 0.696) 100%);
    backdrop-filter: blur(5px);
    width:100%;
    padding:15px;
    display:inline-block;
    border: 3px dashed #FEFEFC;
    border-bottom:0px;
}

.header {
    background-image:url("https://decahedron.neocities.org/shrines/assets/kaleidoheader.gif");
    height:180px;
    background-size:cover;
    background-position: center;
    margin-top:25px;
    padding:15px;
    width:100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: 3px dashed #FEFEFC;
    border-bottom:0px;
    position:relative;
}

.rotateImg {
    transition: transform 0.5s ease;
}

.rotateImg:hover {
    transform:rotate(2deg);
    filter:drop-shadow(0px 0px 10px #ffd8746e)
}

.footer a:hover {
    filter:drop-shadow(0px 0px 10px)
}

.footer .rotateImg:hover {
    filter:drop-shadow(0px 0px 0px) !important;
}

.footer {
    background-color: #0e0120c6;
    padding:15px;
    width:100%;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 3px dashed #FEFEFC;
    margin-bottom:25px;
    background-image:url("https://decahedron.neocities.org/assets/stars1.gif");
    background-size:10%;
    backdrop-filter: blur(5px);
}

.footer p {
    color:#fff;
    text-align: center;
    filter:drop-shadow(2px 2px 3px #b300ff)
}

h1 {
    color:#fceeff;
    filter:drop-shadow(0px 0px 20px #ec80ff) drop-shadow(2px 2px 3px #12003cd0);
}

h2 {
    color:#fceeff;
    filter:drop-shadow(0px 0px 20px #ec80ff) drop-shadow(2px 2px 3px #12003cd0);
}