@font-face {
  font-family: Mostera; 
  src: url(/fonts/Mostera.ttf);
}


body {
  max-width: 100%;
  height:auto;

  cursor: url('https://star1ightcat.neocities.org/images/icon.png'), auto;
}

a:hover { 
  cursor: url("https://star1ightcat.neocities.org/images/icon.png"), auto;
  
  }
  
.auto {
    cursor: url("https://star1ightcat.neocities.org/images/icon.png"), auto;

}

figcaption {
  text-decoration: none;
  text-align:center;
  padding-left:20%;
}

table {
  text-align:center
}

a {
    color: #5222cc;
}
h1 {
  color:#541024;
  font-family: Mostera,georgia,arial,helvetica,sans-serif;
  text-align:center;
}  

h2 {
  text-indent: 3pt;
  padding-left: 40px;
}

h3 {
  background-color: #f0598;
  text-align:center;
  font-family: georgia,arial,helvetica,sans-serif
}

h4 {
  background-color:#f35585;
  text-align: center;
  color:#541024;
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%
}


body {
    font-size: 20px;
    background-color:black;
    font-family: georgia,arial,helvetica,sans-serif;
     margin: 20px;
    padding-top:2px;
}

li {
  text-indent: 2pt
}

p {
  padding-left: 40px;
}
img {
  padding-left: 40px
}

.window {
  position: relative;
    border: 2px solid ; Color:#541024;
    background:#f35585 ;
    padding: 0px;
    padding-bottom: 0px;
    box-shadow: 4px 4px rgba(80, 20, 255, 0.2);
    line-height: 1
}
.head-window {
    
    height: 35px;
    width: px;
    border: 2px solid ; Color:#541024;
    background:#f35585 ;
    padding: 0px;
    padding-bottom: 0px;
    box-shadow: 4px 4px rgba(80, 20, 255, 0.2);
}


.top-banner {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%}



.head-window h4{
  line-height:.00000000000000000000000000001;
   position: absolute;
  top: 0.000001px;
  left: .5px;
  font-size: 20px;
  
}

.window-buttons img{
  position: absolute;
  top: 8px;
  right: 3px;
}

section-1 {
  font-weight:bold
}

.window img {
  padding-top:3px
}


.container {  display: grid;
  grid-template-columns: 0.8fr 1.5fr 0.8fr;
  grid-template-rows: 4.6fr;
  grid-auto-rows: 1fr;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "left mid right";
}

.left { grid-area: left; }

.mid { grid-area: mid; }

.right { grid-area: right; }


@media (max-width: 600px) {
	.body .window .column .container {
		display: flex;
		flex-direction: column;
	}
}


.social img {
  padding-left:5px;
  padding-right:5px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  width:1%;
  height:1%;
  margin-top: 8px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}