@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold-Italic.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Bold-Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-ExtraBold-Italic.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-ExtraBold-Italic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-ExtraBold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Italic.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Medium-Italic.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Medium-Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Medium.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
  padding: 0;
}

.main {
  font-family: "JetBrains Mono", fantasy;
  background-color: #353b3cff;
  color: #dee3e0ff;
  width: 100vw;
  height: 100vh;
}

.profile {
  position: absolute;
  left: 25vw;
  top: 30vh;
}

.profile > * {
  margin: 0.2rem;
}

.profile__name {
  color: #dd852cff;
}

.profile__desc {
  color: #736eafff;
}

.stroke, .profile__icon {
  stroke-width: 0.5px;
  fill: none;
  stroke: #dee3e0ff;
  overflow: visible;
}

.profile__hline {
  width: 0;
  color: #dee3e0ff;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.profile__icon {
  height: 1.5rem;
  width: 1.5rem;
}

.profile__iconholder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.profile__iconholder > * {
  margin: 0.5rem;
}

.profile__animations--typewriter {
  visibility: hidden;
}

.profile__animations--typewriter-letter {
  visibility: visible;
  display: inline;
  opacity: 0;
}

.profile__animations--path {
  visibility: hidden;
}

.clickable {
  cursor: pointer;
}

.mail__container {
  display: flex;
  flex-direction: row;
}

.mail__address {
  position: relative;
  bottom: 5px;
  height: 24px;
  font-size: 16px;
  margin: auto;
  flex-shrink: 2;
  opacity: 0;
}

.mail__copied__container {
  position: relative;
  bottom: -4px;
  visibility: hidden;
  margin: 0.5rem;
  flex-shrink: 2;
  background: rgba(0, 128, 0, 0.5);
}

.mail__copied {
  position: relative;
  height: 24px;
  font-size: 16px;
  padding: 5px;
  bottom: 14px;
}

.placeholder {
  flex-grow: 2;
}

/*# sourceMappingURL=style.css.map */