/*
selector {
  property: value; 
  }
*/

@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Sigmar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');

body{
    background-color:#f7e0ff;
}

h1{
   border-style: dotted;
   font-family: "Sigmar", serif;
  font-weight: 400;
  font-style: normal;
  padding:50px;
  
}
ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}

li {
  float: left;
  width:445px;
}

li a {
  display: block;
  color: #8710c7;
  background-color: white;
  font-family:"Courier New";
  text-align: center;
  border-color: #300259;
  border-style:double;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #300259;
}

.stopfloat{
    clear:both;
}

.intro,.upic,ul,p {
  font-family:"Courier New"
}

ul .mek{
    list-style-type: square;
  
}

.mek{
    margin-bottom:150px;
}


h2,h3{
    font-family: "Yusei Magic", serif;
  font-weight: 400;
  font-style: normal;
}


img{
     display: block;
  margin-left: auto;
  margin-right: auto;
 width:50%;
 border-color:#37004a;
 border-style:dotted;
 padding:20px;
 
}

.introe, .mid, .conc,.aa,.capt,p {
     font-family:"Courier New";
}

h3,h2{
border-style: outset;
  border-color:white;

}

.pg2im{
    width:30%;
    justify-content:center;
     display: block;
  margin-left: auto;
  margin-right: auto;
}

.aa{
     width:45%;
    justify-content:center;
     display: block;
  margin-left: auto;
  margin-right: auto;
}