*AI로 정리함

<style>
div.a {
  font-size: 15px;
  font-weight: 900;
font-family:'Times New Roman', serif; line-height:1.8;
}

div.b {
 font-size: 150%;
  font-weight: 900;
  color: green;
font-family:'Times New Roman', serif; line-height:1.8;
}
</style>
<style>

/* 기본 */
body {
  font-family: Georgia, serif;
  margin:0;
  padding-top:70px;
}

/* 🔥 고급 헤더 */
.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 999;
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
  box-shadow: 8px 8px 15px rgba(0,0,0,0.1),
              -8px -8px 15px rgba(255,255,255,0.7);
}

.header a {
  text-decoration: none;
  color: #333;
  padding: 10px 15px;
  font-size: 17px;
  transition: 0.3s;
}

.header a:hover {
  background: rgba(255,255,255,0.5);
  border-radius: 10px;
}

/* 좌우 메뉴 */
.nav-left {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.nav-right {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

/* 중앙 로고 */
.logo-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  color: #004d4d;
}

/* 텍스트 효과 */
.blur {
  text-shadow: 5px 5px 7px #004d4d;
}

/* 이미지 hover */
.hovergallery img {
  transform:scale(0.8);
  transition:0.5s;
  opacity:0.7;
}
.hovergallery img:hover {
  transform:scale(1.1);
  box-shadow:0px 0px 30px gray;
  opacity:1;
}

</style>


<style type="text/css">
.glow{
background:black;
text-shadow: 0 0 5px #FFFFA0, 0 0 10px #FFFF4D, 0 0 15px #FFFF41, 0 0 20px #FFFF2A, 0 0 25px #FFFF2B, 0 0 30px #FEFE00, 0 0 35px #F7F700;
}
#grad1 {
    height: 30px;
    width:700px;
    background-color: #1fc8db; /* For browsers that do not support gradients */        
    background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
    color:white;
    opacity:0.95;
}

#grad2 {
    height: 30px;
    width:970px;
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(#999999,white);
}
#grad3
           {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 10px green, 0 0 5px darkgrey;
}
#grad4 {
    height: 35px;
    width:750px;
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(white,#476b6b);
}

#grad5 {
  width:100%;
  max-width:700px;
  height:40px;                /* 🔥 이게 핵심 */
  margin:10px auto;
  background-image: linear-gradient(white,#476b6b);
}
</style>