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

body {
    font-family: VT323 !important;
    font-size: 18px;
    font-family: VT323 !important;
    font-size: 18px;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-image: url("https://decahedron.neocities.org/assets2/bg/The%20oracle%20bg.png");
    color:#8a1754;
}

html {
  cursor:url("https://decahedron.neocities.org/assets/cursor.png"), auto;
  height:100%;
  scrollbar-width: thin;
}

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

a:hover { 
  cursor:url("https://decahedron.neocities.org/assets/pointer.png"), auto;
  color:#b72898 !important;
}

.pagecontainer {
    display:block;
    flex:1;
}

.window {
    justify-content: center;
    display: block;
    margin: auto;
    padding: 20px;
    padding-left:100px;
    padding-right:100px;
}

.headerinfo {
    display:block;
    width:100%;
}

.unlink {
  color:#fcf5ff00 !important;
  text-decoration: none !important;
  transition: none !important;
  filter: none !important;
}

.unlink:hover { 
  cursor:url("https://decahedron.neocities.org/assets/pointer.png"), auto;
  color:#fcf5ff00 !important;
}

.gallery {
    float:left;
    clear:both;
    justify-content: center !important;
    display:block;
}

.gal {
    border-color:#b070a43a;
}

.taskbar {
    background: #ffebfc;
    background: linear-gradient(180deg,rgb(255, 235, 245) 0%, rgb(255, 192, 225) 14%, rgb(255, 158, 208) 100%);
    height:22px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    padding:5px;
}

.windowcontent {
    display: flex;
    background: rgb(206, 186, 157);
    background: linear-gradient(0deg,rgb(240, 222, 194) 0%, rgb(239, 224, 203) 5%, rgb(255, 244, 228) 100%);
    padding:15px !important;
    border-color: #b3836950;
    border-style: outset;
    max-height:1080px;
    overflow-y: scroll;
    scrollbar-color: rgb(255, 206, 239) rgba(171, 12, 113, 0.704);
    scrollbar-width: thin;
    padding-top: 7px !important;
}

.leftcontent {
    width:80% !important;
    margin-top:-20px;
    color:#8a1754;
}

.rightcontent {
    width:20%;
    margin-top:-20px;
    color:#8a1754;
}

.twocontent {
    position: relative;
    display:flex;
    background:linear-gradient(180deg, rgb(254, 220, 244) 0%, rgb(242, 172, 221) 10%, rgb(234, 134, 204) 100%);
    border:1px solid #e746c72a;
    flex-direction: row !important;
    padding:5px;
    margin-top: 6px;
    margin-right:-14px;
    margin-bottom:-2px;
}

.twocontentone {
    width: 40%;
    text-align:left !important;
}

.twocontenttwo {
    width: 60%;
    text-align:right !important;
}

.twocontentheader {
    position: relative;
    display:flex;
    background: linear-gradient(180deg,rgb(254, 246, 232) 0%, rgb(236, 213, 198) 14%, rgb(212, 178, 164) 100%);
    color:#945044;
    border:1px solid #e746c72a;
    flex-direction: row !important;
    padding:5px;
    margin-top: 6px;
    margin-right:-14px;
    margin-bottom:-2px;
    justify-content: center;
    margin-bottom:-6px;
}

.gradient {
    background: linear-gradient(to right, rgb(255, 77, 184), rgb(255, 140, 243), rgb(185, 41, 221), rgb(255, 77, 184));
    background-clip: text !important;
    color:transparent;
    background-size:200% auto;
    animation: gradientAnimation 3s linear infinite;
    filter:drop-shadow(rgba(255, 88, 199, 0.492) 0px 0px 10px);
}
@keyframes gradientAnimation {
    0%{
        background-position: 200% 50%;
    }
    100%{
        background-position: 0% 50%
    }
}

.footer {
  background: RGB(9, 2, 20);
  background: linear-gradient(0deg, rgb(16, 1, 12) 0%, rgb(58, 9, 40) 96%, rgb(148, 23, 113) 100%);
  padding: 15px;
  justify-content:center;
  text-align:center;
  height:87px;
  z-index:index 9999;
}

.rotateImg {
    transition: transform 0.5s ease;
}

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

.quoteblock {
    width:100;
    padding:15px;
    background-color: #ed8ace;
    border:1px solid #912dad2a;
    display: flex;
    flex-direction: column;
    line-height:20px;
}