@font-face { font-family: 'JalnanGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } .intro { /* position: fixed; */ font-size: 30px; background-image: url("../introduction.png"); width: 700px; height: 180px; /* display: flex; */ justify-content: center; align-items: center; padding: 50px; /* flex-wrap: wrap; */ } #title { font-size: 70px; } .intro p{ font-size: 35px; color: white; font-family: "JalnanGothic"; text-align: center; line-height: 1.5; } #addInputPrior { margin-right: 90vh; width: 100px; font-family: 'Pretendard-Regular'; font-weight: 700; } Button { width: 150px; height: 50px; font-size: 20px; font-family:Arial, Helvetica, sans-serif; transition: transform .2s; } Button:hover{ opacity: 0.7; transition: all 0.2s ease-out; }