@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(/shrines/assets/vinesbg.gif);
}

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

a {
  color:#0cb172 !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:#26ce7a !important;
}

.pagecontainer {
    display:block;
    flex:1;
    margin: 0 auto;
    justify-content: center;
    max-width: 94%;
}

.window {
    justify-content: center;
    display: block;
    margin: auto;
    border-radius: 10%;
    margin-top:16px;
    filter:drop-shadow(0 0 6px #2bfbc430)
}

.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:#d4f5e13a;
}

.taskbar {
    background: #ffebfc;
    background: linear-gradient(180deg,#18986b 0%, #14694b 14%, #033020 100%);
    color:#9af7bc;
    height:22px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    border-radius: 10px 10px 0px 0px;
    padding:5px;
}

.windowcontent {
    display: flex;
    background: #232323;
    background: linear-gradient(0deg, #032011 0%, #011510 17%, #00070b 100%);
    border-radius: 0px 0px 10px 10px;
    padding:15px !important;
    border-color: #0a0a0a3c;
    border-style: outset;
    max-height:1080px;
    overflow-y: scroll;
    scrollbar-color: rgb(217, 228, 224) rgba(26, 34, 32, 0.434);
    scrollbar-width: thin;
    padding-top: 7px !important;
}

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

h2 {
    color:#2ca37b;
}

h3 {
    color:#50bf9a;
}

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

.twocontent {
    border: 1px solid #d4fff318;
    position: relative;
    display:flex;
    background: linear-gradient(180deg, #084a3f 0%, #022c2e 7%, #000d17 100%);
    color:#d1f3e8;
    flex-direction: row !important;
    border-radius: .28rem;
    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 {
    border: 1px solid #d4fff318;
    position: relative;
    display:flex;
    background: linear-gradient(180deg,#18986b 0%, #14694b 14%, #033020 100%);
    color:#f0fff4;
    flex-direction: row !important;
    border-radius: .28rem;
    padding:5px;
    margin-top: 6px;
    margin-right:-14px;
    margin-bottom:-2px;
    justify-content: center;
    border-radius: .28rem .28rem 0rem 0rem;
    margin-bottom:-6px;
}

.gradient {
    background: linear-gradient(to right, rgb(82, 242, 135), rgb(184, 244, 236), rgb(82, 172, 213), rgb(82, 242, 135));
    background-clip: text !important;
    color:transparent;
    background-size:200% auto;
    animation: gradientAnimation 3s linear infinite;
    filter:drop-shadow(rgba(40, 165, 142, 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(1, 15, 15) 0%, rgb(10, 50, 45) 96%, rgb(92, 158, 127) 100%);
  padding: 15px;
  justify-content:center;
  text-align:center;
  z-index:index 9999;
}

.rotateImg {
    transition: transform 0.5s ease;
}

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

.quoteblock {
    width:100;
    padding:15px;
    border-radius:.25rem;
    background-color: #04111d;
    border:1px solid #4094d42a;
    display: flex;
    flex-direction: column;
    line-height:20px;
}

table {
    border-collapse: collapse;
}

td, th {
  border: 1px solid #d4f5e13a;
  text-align: left;
  padding: 8px;
}

td>ul {
    margin:0px;
}