body { background-color: aliceblue; margin: 0px; } .box1 { text-align: left; position: absolute; top: 30px; left: 100px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .upper { color: rgb(255, 115, 0); font-weight: bolder; font-family: sans-serif; font-size: 45px; letter-spacing: -10px; } .lower { color: rgb(255, 183, 124); /* font-weight: bold; */ font-family: sans-serif; font-size: 45px; letter-spacing: -5px; } /* .leftGuide { position: absolute; top: 140px; left: 100px; border-right: 0.5px solid rgba(255, 183, 124, 0.411); padding-right: 50px; } .guide { text-decoration-line: none; font-size: 28px; font-family: youyuan; font-weight: 900; color: rgb(255, 183, 124); } ul { list-style: none; padding: 0; } .guide:hover { color: rgba(211, 211, 211, 0.651); } .box2 { margin-left: 230px; margin-top: 140px; } #contents { border-top: 0.5px solid rgba(255, 183, 124, 0.411); border-left: none; border-right: none; border-bottom: none; } */ .menu { width: 1080px; height: 50px; background-color: rgb(255, 183, 124); margin-left: 100px; margin-top: 100px; } ul { list-style: none; text-decoration: none; padding: 0; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } li { display: inline-block; width: 266px; height: 50px; margin-left: 80px; margin-top: 15px; margin: 0; text-align: center; /* transform: translateX(30deg); -moz-transform: translateX(30deg); -ms-transform: translateX(30deg); -o-transform: translateX(30deg); -webkit-transform: translateX(30deg); animation: li .2s infinite; */ } .row_menu { position: relative; top: 15px; } a { text-decoration-line: none; font-family: youyuan; font-size: 20px; color: white; } li:hover { background-color: rgb(255, 115, 0); } /* @keyframes li { 0%{ transform: translateX(30deg); } } */ span:active { color: rgb(255, 183, 124); }