html{
  font-family : Century Gothic, sans-serif;
  background-color: var(--base-dark);
}

body {
  text-align: center;

}

.under {
  margin: 100px 100px;
  padding: 20px;
  background-color: var(--base-gray);
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  color: white;
}

.under h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

.under p {
  font-size: 18px;
  margin-bottom:   
40px;
}

.under  img {
  max-width: 100%;
  height: auto;
}

:root {
  --logo-light: #b2ddf9;
  --logo-dark: #52b3f2;
	--middle: white;
	--light: var(--logo-light);
	--text: white;
  --base-dark: #000a12;
  /* --base-gray: #f0f0f0; */
  --base-gray: rgba(0, 100, 150, 0.4);

}

#logo {
  text-align: center;
  font-size: 4em;
  cursor: pointer;
}

#logo a {
	text-decoration: none;
}

#first {
  color: var(--logo-light);
}

#second {
  color: var(--logo-dark);
  /* margin-left: 0px;
  padding-left: 0px; */
}