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


p {
  font-family: myFont; /* use font */
}


body {
  background-image: url("https://star1ightcat.neocities.org/images/tumblr_inline_n258ovpRe81qhwjx8540.gif");
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;

}

div {
     text-align:left;
    }


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

h2 {
  text-indent: 3pt;
  color:#541024;
}

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

h4 {
  text-align:left;
  color:#541024;
  font-family: georgia,arial,helvetica,sans-serif;
  padding-top:0px;
  padding-left:10px
  
}

h5 {
  text-align:left;
  color:#541024;
  font-family: georgia,arial,helvetica,sans-serif;
  padding-top:0px;
  padding-left:15px
}
  

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

li {
  text-indent: 2pt
}

img {
  margin:auto
}



  


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





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

@media (max-width: 600px) {
.container {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}

.left { grid-area: 1 / 1 / 2 / 2; }

.mid { grid-area: 1 / 2 / 2 / 3; }

.right { grid-area: 1 / 3 / 2 / 4; }
}



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

.social-links  {
  line-height:2;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}

.social-links a{
  line-height:2;
  margin-left:auto;
  margin-right:auto;
  color: #f35585;
  background-color: #5222cc;
  text-decoration: none;
  border-color:#541024;
  border-style: outset;
  border-radius: 35% 35%;
  padding-top:8px;
  padding-bottom:8px;
  padding-right: 2px;
  padding-left: 2px;
  text-align: center
}


.button {
  line-height:2;
  border: solid;
  color: #f35585;
  background-color: #5222cc;
  text-decoration: none;
  border-color:#541024;
  border-style: outset;
  border-radius: 35% 35%;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}