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

body {
    font-family: VT323 !important;
    font-size: 18px;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background-image: url("https://i4.glitter-graphics.org/pub/519/519894hkvlp5sf80.gif");
}

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

a {
  color:#ffc1af !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:#afff81 !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%;
}

h2 {
    color:#ff8465;
}

.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;
}

/* class for hr */
.gal {
    border-color:#fffaf43a;
}

.taskbar {
    background: #ffebfc;
    background: linear-gradient(180deg,rgb(255, 162, 139) 0%, rgb(255, 99, 60) 14%, rgb(195, 56, 22) 100%);
    height:22px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    border-radius: 10px 10px 0px 0px;
    padding:5px;
    color:#731205;
}

.windowcontent {
    display: flex;
    background: #232323;
    background: linear-gradient(0deg,rgb(81, 27, 10) 0%, rgb(38, 9, 1) 5%, rgb(24, 7, 4) 100%);
    border-radius: 0px 0px 10px 10px;
    padding:15px !important;
    border-color: #0602013c;
    border-style: outset;
    max-height:1080px;
    overflow-y: scroll;
    scrollbar-color: rgb(255, 236, 221) rgba(55, 53, 53, 0.434);
    scrollbar-width: thin;
    padding-top: 7px !important;
}

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

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

.twocontent {
    position: relative;
    display:flex;
    background: linear-gradient(180deg, #1e0502 0%, #180200 17%, #0a0100 100%);
    flex-direction: row !important;
    border-radius: .28rem;
    padding:5px;
    margin-top: 6px;
    margin-right:-14px;
    margin-bottom:-2px;
    border:1px solid #ffcd572a;
}
.twocontentone {
    width: 40%;
    text-align:left !important;
}
.twocontenttwo {
    width: 60%;
    text-align:right !important;
}

.twocontentheader {
    position: relative;
    display:flex;
    background: linear-gradient(180deg,rgb(255, 162, 139) 0%, rgb(255, 99, 60) 14%, rgb(195, 56, 22) 100%);
    color:#ffedda;
    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;
    border:1px solid #ffcd572a;
}

.gradient {
    background: linear-gradient(to right, rgb(255, 93, 56), rgb(255, 189, 114), rgb(189, 11, 2), rgb(255, 93, 56));
    background-clip: text !important;
    color:transparent;
    background-size:200% auto;
    animation: gradientAnimation 3s linear infinite;
    filter:drop-shadow(rgba(255, 93, 56, 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(17, 4, 0) 0%, rgb(62, 14, 0) 96%, rgb(145, 66, 42) 100%);
  padding: 15px;
  justify-content:center;
  text-align:center;
  height:87px;
  z-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: #140701;
    border:1px solid #ffcd572a;
    display: flex;
    flex-direction: column;
    line-height:20px;
}