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


.container {  display: grid;
  grid-template-columns: 0.3fr 2fr 0.3fr;
  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;
}