@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');

html, body{
 height: 100%; 
}

body {
 margin: 0;
 min-height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
 background-color: rgb(35,35,35); 
}

.main {
  margin-bottom:10%;
  width: 60%;
  max-width: 60%;
  height: 60%;
  max-height: 60%;
  padding:24px;
  opacity: 0.70;
  border-radius: 10px;
  background-color: rgb(50,50,50);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  transition:
    width 0.25s ease 0.15s,
    max-width 0.25s ease 0.15s,
    height 0.25s ease 0.15s,
    min-height 0.25s ease 0.15s,
    padding 0.25s ease 0.15s,
    margin-bottom 0.25s ease 0.15s;
}

.main h3{
 font-family: "Alexandria", sans-serif;
 font-weight: 700;
 color: rgb(255,255,255);
 font-size: 2.5rem;
 padding-left:3%;
 margin-top:1%;
}

.hyperlinks a {
 text-decoration: none;
 color: rgb(255,255,255);
 transition: 0.15s;
}

.hyperlinks a:hover {
  color: rgb(0, 153, 255);
}

.header {
 height: 1%;
 max-height: 1%; 
}