body {
    font-family: 'Nanum Gothic Coding', sans-serif;
    background-color: rgb(240, 237, 237);
    color: rgb(52, 52, 52);
    margin: 1rem;
}

#forCss {
    margin-left: 0.5rem;
}

button {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.3rem 0.8rem;
    box-shadow: 1.5px 1.5px 3px rgb(158, 157, 157);
}

button:hover {
    background-color: #3c94f1;
}

input {
    border-radius: 3px;
    border-color: #9d9d9d;
    border: 1px solid rgb(158, 157, 157);
}

header {
    background-color: #333;
    color: #fff;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content:end;
    margin-bottom: 1rem;
    border-radius: 5px;
}

#addProductButton {
    margin-left: 30rem;
}


aside {
    margin: 1rem 0;
    margin-left: 30rem;
}


#searchPart {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 2rem;
}


table {
    border-collapse: collapse;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

td, th {
    padding: 2px 8px;
    font-size: 18px;
}

textarea {
    box-sizing: border-box;
    border: solid 1px #1084f8;
    background-color: #fff7f7;
    border-radius: 5px;
    font-size: 16px;
    resize: both;
    color: #575656;
}

textarea:focus {
    border: solid 1px #1084f8; /* 테두리를 2픽셀 두께의 빨간색 실선으로 설정 */
    background-color: white;
  }

td:nth-child(2){
    border: none;
}

.hoverEffectForRed:hover {
    font-weight: bolder;
}

.hoverEffectForBlue:hover {
    font-weight: bolder;
}

#pages {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#information-part {
    margin-top: 2rem;
    display: flex;
    gap: 15px;
    justify-content: center;
}

#products-information img {
    display: block;
    margin: 0;
}

#main-head {
    display: flex;
}

#information-part button {
    width: 11rem;
}

.putFilePart {
    /* 화면 중앙에 배치 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
    /* 테두리 스타일 */
    border: 2px solid #000;
    border-radius: 10px;
  
    /* 패딩과 마진 */
    padding: 20px;
    margin: 10px;
  
    /* 배경색과 글자색 */
    background-color: #fff;
    color: #000;
  
    /* 그림자 효과 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  
    /* 너비와 높이 */
    width: 800px;
    height: 500px;
  
    /* 내용이 너무 많을 경우 스크롤 표시 */
    overflow: auto;
  }

.forMargin {
    margin-bottom: 2rem;
}

#memoPart {
    display: flex;
    justify-content: center;
}

#memo {
    margin-top: 1rem;
    border: 1px solid rgb(40, 40, 40);
}

#correctMemoButton {
    width: 10%;
    height: 10%;
    margin-top: 300px;
    margin-left:2rem
}