main.css

@font-face {
  font-family: 'CBNUJIKJI';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/CBNUJIKJI.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

*{
  font-family: 'CBNUJIKJI';
  background-color: white;

}

body,h1,h2{
  min-width: fit-content;
}

.title-box{
  display: flex;
  align-items: baseline;
  flex-direction: column;
  width: 300px;
  padding: 30px;
  margin: 30px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);
}
h1,h2{
  padding:0px;
  align-items: baseline;
}
h2{
  font-size: 20px;
  color: darkgrey;
  font-style: italic;
}
.main-box{
  width: 600px;
  padding: 30px;
  margin: 30px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ebebeb;
  box-shadow: 0 1px 20px 0 rgba(0,0,0,0.1);
}
.title-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
h3{
  display: flex;
  justify-content: center;
  align-items: center;
}
.About-Me{
  overflow: hidden;
}
.school{
  display: flex;
  justify-content: center;
  font-size: 30px;
}
.major{
  display: flex;
  justify-content: center;
  font-size: 20px;
  color:gray;
}
.item{
  display: flex;
  margin: 3px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.items{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: lighter;
  font-style: italic;
  font-size: 15px;
  color: gray;
  padding: 3px;
  margin: 3px;
}
h2{
  font-weight: lighter;
}

h3{
  font-size: 30px;
  color: black;
  margin: 10px;
  margin-top: 30px;
  padding: 10px;
}

.school{
  font-size: 20px;
  font-weight: bold;
}
.major{
  font-size: 15px;
  font-weight: lighter;
}
footer{
  text-align: center;
  background-color: whitesmoke;
  padding: 10px;
}
.sns{
  width: 30px;
  height: 30px;
  margin: 20px;
  padding: 20px;
  background-color: whitesmoke;
}