@font-face { font-family: 'myFont'; src: url('../fonts/HYALiTi-75J.ttf') format('truetype'); font-weight: 600; font-style: normal; } body { font-family: 'myFont', Arial, sans-serif; background-color: #fffae7 !important; background-image: url("../image/bgtu.png") !important; background-size: inherit; background-repeat: repeat; } .back_color { background-color: #fffae7 !important; background-image: url("../image/bgtu.png") !important; background-repeat: repeat; background-size: contain; } .home { max-width: 800px; margin-right: auto; margin-left: auto; padding-top: 76px; padding-bottom: 48px; } .row { --bs-gutter-x: 0; } .header { margin-right: auto; margin-left: auto; font-size: 20px; } .icon { padding-top: 15px; margin-right: auto; margin-left: auto; } .level { padding: 10px; border-top: #ccc 1px solid; } .list-item { background: #C2E1DB; border-radius: 20px !important; margin-bottom: 10px; padding: 5px 5px 5px 5px; color: #50877B; font-size: 18px; } .list-item { background: #C2E1DB; border-radius: 20px !important; margin-bottom: 10px; padding: 5px 5px 5px 5px; color: #50877B; font-size: 18px; } .list-item-dream { background: #FECFD7; color: #D36E80; } .list-item a:focus { background-color: #FECFD7 !important; } .level_status { color: white; background-color: #FF9D7B; padding: 5px 10px 5px 10px; font-size: 14px; }