@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/p%C3%A9rez%20bg.gif");
    color:#1a3c2b;
}

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

a {
  color:#408b35 !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:#0f6b32 !important;
}

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

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

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

.taskbar {
    background: #ffebfc;
    background: linear-gradient(180deg,rgb(243, 255, 233) 0%, rgb(214, 236, 195) 14%, rgb(159, 197, 125) 100%);
    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,rgb(24, 41, 29) 0%, rgb(16, 29, 20) 5%, rgb(4, 13, 7) 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(224, 243, 209) rgba(21, 66, 30, 0.434);
    scrollbar-width: thin;
    padding-top: 7px !important;
}

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

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

h2 {
    color:#74dc87;
}

h3 {
    color:#b7f1c2;
}

.twocontent {
    position: relative;
    display:flex;
    background: linear-gradient(180deg, #091a09 0%, #041204 17%, #010601 100%);
    border:1px solid #d5ffd422;
    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 {
    position: relative;
    display:flex;
    background: linear-gradient(180deg,rgb(243, 255, 233) 0%, rgb(214, 236, 195) 14%, rgb(159, 197, 125) 100%);
    border:1px solid #d5ffd422;
    color:#397640;
    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(26, 129, 52), rgb(231, 255, 167), rgb(93, 207, 133), rgb(26, 129, 52));
    background-clip: text !important;
    color:transparent;
    background-size:200% auto;
    animation: gradientAnimation 3s linear infinite;
    filter:drop-shadow(rgba(43, 193, 78, 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, 7, 3) 0%, rgb(11, 50, 24) 96%, rgb(120, 191, 144) 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;
    border-radius:.25rem;
    background-color: #041204;
    border:1px solid #bdffd63a;
    display: flex;
    flex-direction: column;
    line-height:20px;
}

table {
    border-collapse: collapse;
}

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

td>ul {
    margin:0px;
}