@import url("https://fonts.cdnfonts.com/css/mont?styles=21819");

@font-face {
  font-family: Baskerville-Italic;
  src: url(fonts/Baskervville-Italic.ttf);
}

* {
  margin: 0;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
}

a {
  color: #313c8d;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

main {
  height: 70%;
  display: flex;
}

footer {
  height: 30%;
  display: flex;
}

.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.info {
  border: 2px solid #000;
  padding: 1rem;
}

.hello {
  font-family: Mont, sans-serif;
  margin-bottom: 1rem;
}

.name {
  font-family: Baskerville-Italic;
}

.adu-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.adu-logo img {
  height: 150px;
  width: 150px;
}

.linkedin {
  display: flex;
  align-items: center;
  gap: 5px;
}

.linkedin-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.linkedin-logo img {
  width: 35px;
  height: 35px;
}

.linkedin-description {
  display: flex;
  align-items: center;
  justify-content: center;
}

.seperator {
  background-color: #000;
  opacity: 0.5;
  width: 2px;
  height: 25px;
}