@font-face {
  font-family: 'SEBANG_Gothic_Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
 
/* this is for demo */
/* body {
  height: 100vh;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  line-height:1.8;
  margin:0;
  padding:0 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255,1) 0%,rgba(0, 0, 0, 0.2) 100%);
} */

.text {
  font-size: 23px;
  font-family: 'SEBANG_Gothic_Regular';
  font-style: normal;
  line-height: 200%;
}

@media (max-width:500px){
  .text br {
  display:none;
  }
}
/* this is the magic */
.atag {
  text-decoration:none;
  border-bottom: 2px solid #ff6397;
  box-shadow: inset 0 -4px 0 #ff6397;
  /* color: inherit; */
  color: rgb(26, 26, 26);
  font-weight: bold;
  transition: background 0.1s cubic-bezier(.33,.66,.66,1);
}

.atag:hover {
  background: #ff6397;
}