@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; } .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; */ } .intro p{ font-size: 35px; color: white; font-family: "JalnanGothic"; text-align: center; line-height: 1.5; } 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; }