body{
  background-color: #1f2538;
  /* padding: 10px 10px 10px 10px; */
  margin: 10px;
  width: auto;
}

h1{
  text-align: center;
}

h3{
  color: #f01d8d;
}

a{
  text-align: center;
  border-style: solid;
  border-color: #f01d8d;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

a:link{
  color: #f01d8d;
}

a:visited{
  color: #fffaf0;
}

a:hover{
  color: #f26bb3;
  border-color: #f26bb3;
}
a:active{

}

img{
    max-width: 100%;
    max-height: 100%;
    padding: 10px 10px 10px 10px;
    display: block;
}
/* custom classes: main wrapper, standard boxes for blogs entries, etc. */
.wrapper{
    width: 1024px;
    max-width: 100vw;
    /* height: 100vh; */
    border-style: solid;
    border-color: #343c57;
    padding: 20px;
    font-family: sans-serif;
    background-color: #1f2538;
    color: #fffaf0;"
}

.blog{
  border-style: dotted;
  border-color: #343c57;
  padding: 10px;
}

.page-image{
  margin: 10px auto;
  width: 512px;
  height: 512px;
  overflow: hidden;
}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}