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




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


body {
  max-width: 100%;
  height:auto;
  cursor: url('https://star1ightcat.neocities.org/images/icon.png'), auto;
  font-size: 1vw
}

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:center;
    }


a {
    color: #5222cc;
}
h1 {
  font-size: 300%;
  font-family: Mostera,georgia,arial,helvetica,sans-serif;
  color:#541024;
  text-align:center;
  border-style: dashed;
    border-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-color: white;
    line-height:1
}
h1 {
  border: 20px solid transparent;
  border-image: url(images/star-border.png) 200% round ;
  border-image-repeat: space;
}  

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
}

@media screen and (max-width: 600px) {
  .row .container{
    flex:auto;
    flex-wrap: wrap;
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}

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


.window {
  position: relative;
    border: 2px solid ; Color:#541024;
    background-color:#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;
    background-color:#f35585;
    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{
  backgrounf-color:#f35585;
  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
}

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




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



.flex-container {
  display: flex;
  ;
}

.flex-container div {
  background-color: solid transparent;
  margin: 5px;
  padding: 20px;
  font-size: 30px;
}

.right .left {
  flex:100%
}

.mid {
  flex:200%
}


@media screen and (max-width: 600px) {
  .window{
     align-content:center;
        justify-content:center;
        padding-left:1px;
    }
    }
    
    
    @media screen and (max-width: 600px) {
      .h1{
         align-content:center;
        justify-content:center;
        padding-left:1px;
    font-size:2vw}
    }
    
    @media screen and (max-width: 600px) {
      body .window{
        align-content:center;
        justify-content:center;
        padding-left:0px;}
    }