@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";.container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.container-img{position:relative;background-image:url(/barber.jpg);width:100%;height:200px;background-position:center;background-repeat:none;background-size:cover}#GNB{margin:0 auto;position:absolute;top:100px;left:0;right:0}h1{margin-top:120px}ul{width:100%;margin:35px 0 55px;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}li{width:inherit;list-style:none}.link{margin:0 auto;width:80%;display:block;padding:10px 15px;text-decoration:none;color:#eee;border-radius:6px;border:1px solid transparent;transition:all .3s ease;letter-spacing:1px}.container-links li:nth-child(1) a:hover,a:active{border:1px solid rgb(200,67,67);box-shadow:0 0 10px #c84343}.container-links li:nth-child(2) a:hover,a:active{border:1px solid #aaa;box-shadow:0 0 10px #aaa}.container-links li:nth-child(3) a:hover,a:active{border:1px solid rgb(56,56,207);box-shadow:0 0 10px #3838cf}.container-links li:nth-child(4) a:hover,a:active{border:1px solid rgb(56,207,64);box-shadow:0 0 10px #38cf40}.footer{height:80px;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#222;border-radius:6px}::-webkit-scrollbar-track{background-color:#131313}body{background:#131313;color:#fff;font-family:Nunito,sans-serif}