@font-face {
    font-family: 'NotoSerif-Medium';
    src: url('NotoSerif-Medium.ttf');
}


body {
    width:30%;
    margin-left:auto;
    margin-right:auto;
    background-color: #0d1b4a;
    background-image: url("nineconfigbackground2.gif");
    text-align: center;
    
}

    h1{color:#6a44b1;
        font-size: 80px;
    font-family: 'NotoSerif-Medium', sans-serif;
    background: background: #560061;
background: radial-gradient(circle, rgba(86, 0, 97, 0.4) 0%, rgba(60, 64, 125, 0.4) 57%, rgba(226, 216, 107, 0.4) 100%);
    }

h2 {
    color: #e2d86b;
    font-family: 'NotoSerif-Medium', sans-serif;
    
    padding-right: 30%;
    padding-left: 30%;
}

p {
    color: #e2d86b;
    font-family: 'NotoSerif-Medium', sans-serif;
    font-size: 13px;
   padding-right: 30%;
   padding-left: 30%;
}

a:hover {
    color:white;
}

a:visited {
  color: #5f5a21;
}

.borders {border: 30px solid rgb(37, 11, 54);
          border-style: outset;
        background-color: rgb(209, 253, 253, 0.4);
        margin-bottom: 20%;
      padding: 10px;}

.zines {
  width: 500px;
   margin-left: auto;
   margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;}
  
.zines img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  background-image: url("facborder - Copy.png");
  border-image: url("faceborder - Copy.png")
  margin: 2px;}
  
.zines img:hover {
  object-fit: contain;}