html {

  overflow-y: scroll;
  overflow-x: hidden;
}

a:hover {
  color:#7522a4;
}
a {
  color:#f217f2
}


.contact {
    
  font-size: medium; 
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  color: white;
  text-align: end;
}

.email {
  color:#f217f2;
  font-size:large;
}
.email2 {
  color:#f217f2;
  font-size:large;
}


.photos {
  justify-content: center;
}

.logo {
  max-height: 200px;
  position: relative;
  left:50%;
  transform: translate(-50%,-37%);
  display:block;

}

.albums {

  transform: translate(0px,-70px);
}

.albums a {
  display:block;
  max-width:400px;
  margin:0 auto;

/*  border:1px solid #f217f2;
border doesnt look good
*/
}

.mgsd {
  max-width: 400px;
  max-height: 400px;
  position: relative;
  display: block;
  margin: 0 auto;
}

.mgsdtitle {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  color: white;
  font-weight: 600;
  font-size: x-large;
  text-align: center;
}

.mgsdsubtitle {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  color: white;
  font-weight: 400;
  font-size: large;
  text-align: center;
}

body {
  background-color: black;
}