@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap');

body {
  background-color: #080e3c;
  font-family: "Fira Code", monospace;
}

.fix{
    display: flex;
    position: fixed;
    top: 0;
    left: 50px;
    right: 50px;
}

.nav-item a {
  color: #4254bd;
}

.nav-item a:hover {
  color: white;
}

.hero-bg {
  position: absolute;
  top: 10em;
  right: 0;
  width: 50%;
  height: 100vh;
  z-index: -2;
  background: linear-gradient(
    100deg,
    rgba(16, 119, 176, 0.05) 3.95%,
    rgba(22, 33, 132, 0.6) 26.75%,
    rgba(71, 75, 186, 0.8) 50.02%
  );
  -webkit-filter: blur(150px);
  filter: blur(150px);
  -webkit-transform: matrix(-1, 1, 0, 1, 0, 0);
  transform: matrix(-1, 1, 0, 1, 0, 0);
}

h1{
    color: #E5E9F0;
    font-weight:bolder;
}

.img1{
    border-radius: 50%;
    overflow: hidden;
}