/**BASIC STUFF**/
        @font-face {
    font-family: 'heavy_dataregular';
    src: url('heavy_data-webfont.eot');
    src: url('heavy_data-webfont.eot?#iefix') format('embedded-opentype'),
         url('heavy_data-webfont.woff2') format('woff2'),
         url('https://exulansis.neocities.org/Assets/heavy_data-webfont.woff') format('woff'),
         url('https://exulansis.neocities.org/Assets/heavy_data-webfont.ttf') format('truetype'),
         url('heavy_data-webfont.svg#heavy_dataregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
background-image: url("https://exulansis.neocities.org/Assets/PixelStarBGTiled.gif");
overflow-x: hidden;
font-family: monospace;
height: 100%;
width: 100%;
margin: 0;
padding: 0;}

a{
color: #e60073;
text-decoration: none;}

a:hover {
color: black;
font-weight: bold;}

.HoloDiv{
background-image: url("https://exulansis.neocities.org/Assets/HoloDivider.png");
margin-left: -2.4%;
margin-right: -2.4%;
display:block;
height: 9.5px;}
/**END BASICS**/

/***HEADER SETTINGS***/
.header{
background-color: #ffdae8;
width: 90%;
margin-left: 5%;
height: 20vh;
border-bottom: 10px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-style: solid;
border-image: url("https://exulansis.neocities.org/Assets/HoloDivider.png")  100;
background-image: url("https://exulansis.neocities.org/Assets/DSC100594509.jpg");
background-size: 100%;}

#headerkiki{
position: absolute;
top: 3;
right: 70px;
height: 20%;
display:;}

@media only screen and (max-width: 575px) {
#headerkiki {
display: none;}}

#HeaderTitle{
font-size: 5rem;
padding-left: 2%;
padding-top: 15;
-webkit-text-fill-color: white;
-webkit-text-stroke: 3px;
color: #3e0569; 
font-family: 'heavy_dataregular';
animation: glow 1s ease-in-out infinite alternate;}

@media only screen and (max-width: 400px) {
#HeaderTitle {
font-size: 60px;}}

@media only screen and (max-width: 300px) {
#HeaderTitle {
font-size: 40px;}}

@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;}
to {text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;}}
/**END OF HEADER SETTINGS**/

/**START OF FOOTER SETTINGS**/
footer{
background-color: #ffdae8;
width:88%;
margin-left: 5%;
min-height:160px;
z-index: 34;
padding-left: 1%;
padding-right: 1%;
font-size: 0.8em;
font-family: monospace;
bottom:0%;
position: relative;}

#footergrid {
display: grid;
grid-template-columns: 100px 300px;gap: 5%;
text-align: left;
overflow-wrap:normal;}
     
.item1{grid-row: 1/ span 2;}
.item2{grid-column:2/span 2;
text-align: left;
overflow-wrap:normal;}
/**END OF FOOTER SETTINGS**/

/**START OF BODY SETTINGS**/
.bodymain{
background-color: #ffff;
height: auto;
width: 86%;
margin-left: 5%;
padding-top:40px;
padding-bottom: 40px;
overflow-y:visible;
padding-left: 2%;
padding-right: 2%;}

#profile{
border-color: #3e0569;
border-style: solid;
border-width: 2px;
border-radius: 25px;
width: fit-content;
height:fit-content;
float: left;
padding-left: 5px;
padding-right: 5px;
margin-right: 10px;
overflow-wrap: anywhere;}

@media only screen and (max-width: 400px) {
#profile {
float: none;
margin-left: 4%;}}

.PFitemA{
width:100%;
height:auto;
background-color:#ffdae8;
overflow-wrap: anywhere;}

#Webrings{
justify-content: center;
display: flex;
flex-wrap: wrap;}

.webringer{
flex: 10%;
padding: 2%;}

#Buttonss{
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;}

#Changelog{
border-color: rgb(62, 5, 105);
border-style: solid;
border-width: 2px;
border-radius: 25px;
width: 45%;
height:300px;
overflow-y: scroll;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
margin-left: 2%;
-ms-overflow-style: none;  
scrollbar-width: none;  }

#Changelog::-webkit-scrollbar {
display: none;}

.CLogReadBox{display: flexbox;}

#Reeading{
border-color: rgb(62, 5, 105);
border-style: solid;
border-width: 2px;
border-radius: 25px;
width: 45%;
height:300px;
overflow-y: scroll;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
-ms-overflow-style: none;  
scrollbar-width: none;  }

#Reeading::-webkit-scrollbar {
display: none;}

@media only screen and (max-width: 900px) {
#Changelog {width: 90%;
display: block;}}
@media only screen and (max-width: 900px) {
#Reeading{
width: 90%;
margin-left: 2%;
margin-top: 2%;}}

/**CONTENT WARNING SETTINGS**/
#ContentWarning{
background-color: #3b0059f3;
position:absolute;
height:70000000;
width: 100%;
z-index:9999999999999999000000000009;}

.ContentWarningBox{
width: 80%;
height: 350px;
background-color:white;
Padding: 10px;
margin-left:9%;
margin-right:9%;
margin-top:10%;
z-index:999999999999999900000000009;
position:fixed;
text-align:center;
overflow:hidden;}

#WarningButton{
background-color:#ffbaf5;
height:20px;
width: 130px;
color:#3b0059;
border-radius: 10px;
border:#3b0059;
margin-top:20px;
margin-left:15px;
font-size:1.5em;
position:static;
text-align:center;
border:2px; 
border-style: solid;
padding:1.25%;
overflow:stretch;}

#WarningButton:hover {
background-color:#b3ffff;
font-weight: bold;}
/**END CONTENT WARNING SETTINGS**/
/**END BODY SETTINGS**/