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

body {
    font-family:VT323 !important;
    font-size: 18px;
    background-color: #020111;
    color: #fff9e5;
    margin:auto;
    width:1080px;
    background-image: url("https://decahedron.neocities.org/assets/Cherry1.webp");
}

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

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

.main-container {
    padding:10px;
    background: #211b57;
    background: linear-gradient(180deg, rgba(33, 27, 87, 0.476) 0%, rgba(15, 10, 49, 0.526) 100%);
    backdrop-filter: blur(10px);
    justify-content: center;
    filter:drop-shadow(0px 0px 20px #51452bb7)
}

h1 {
    justify-content: center;
    text-align: center;
    color:#fff;
    filter:drop-shadow(0px 0px 15px #b17335)
}

.footer {
    width:100%;
    background-color: #020009f0;
    height:150px;
    justify-content: center;
    text-align: center;
    vertical-align: center;
    margin:auto;
    padding:15px;
    display:inline-block;
    background-image:url("https://decahedron.neocities.org/assets/Cherry3.jpg");
}

.navbar {
    padding:5px;
    font-size: 16px;
    background-color: #060519f3;
    justify-content: center;
    text-align: center;
    backdrop-filter: blur(10px);
}

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

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