body {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #242a3a;
}

#box {
  width: 280px;
  padding: 10px;
  background-color: white;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 0 20px 0px rgba(96, 91, 91, 0.2);
  margin: 0;
}

img {
  width: 200px;
  margin-right: 0;
  margin-left: 0;
  border-radius: 5px;
  background-color: lightblue;
  background-color: #ffffff;
  padding: 10px;
  background-color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
ul {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}

h1 {
  font-size: x-large;
  text-align: center;
  margin-top: 20px;
}

ul {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: small;
  text-align: left;
}

li {
  margin-bottom: 4px;
}

a {
  text-decoration: none;
  color: white;
}

#company {
  background-color: #232f3e;
  color: #ff9900;
}

#school {
  background-color: #4b2e83;
  color: white;
}

.at-sign {
  padding: 4px;
  border-radius: 5px;
  font-weight: 600;
  font-size: smaller;
}
.major {
  color: #4b2e83;
  text-decoration: #b7a57a underline;
  text-decoration-skip-ink: none;
}

.blink_me {
  animation: blinker 2s linear 2;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#dev {
  font-family: "Source Code Pro";
  font-size: smaller;
  background-color: #232f3e;
  color: #ffffff;
  padding: 4px;
}

#icons {
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#icons li a {
  font-size: larger;
}

i {
  color: black;
}

i:hover {
  color: #515b69;
}

#school-line::before {
  content: "\1F393" !important;
  font-size: x-large;
}

#job-line::before {
  
  content: "\1F469 \1F3FB \200D \1F4BB" !important;
  font-size: x-large;
}

#desc-box {
  display: flex;
  justify-content: center;
}