@import url("https://fonts.googleapis.com/css2?family=Cormorant:wght@400;500&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: 
    #000 url("images/mandel_abstract_07.png");
  background-repeat: repeat;
  //background-size: cover;
  font-family: "Cormorant", serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

main {
  text-align: center;
  margin: 30px 50px 20px 50px;
}

.user-img {
  border-radius: 50px;
  max-width: 100px;
  box-shadow: 0 0 10px 3px #999999;
}

main h1 {
  color: #000000;
  font-size: 1.2rem;
  text-shadow: 2px 2px 5px #999999;
  margin: 1em 0 2em 0;
background: #000000;
background: radial-gradient(ellipse farthest-corner at center center, #000000 0%, #636662 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

main p {
  color: #000000;
  font-size: 1rem;
  text-shadow: 2px 2px 5px #999999;
  margin: 1em 0 2em 0;

background: #000000;
background: radial-gradient(ellipse farthest-corner at center center, #000000 0%, #636662 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
/* unvisited link */
a:link {
  color: black;
}

/* visited link */
a:visited {
  color: grey;


}

/* mouse over link */
a:hover {
  color: lightgrey;
}

/* selected link */
a:active {
  color: red;
}

img {
  -webkit-filter: drop-shadow(5px 5px 5px #999999);
  filter: drop-shadow(5px 5px 5px #999999);
  
    
  
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: flex;
  align-items: center;  
}

div {
    display: flex;
    align-items: center;
    justify-content: center
}