body {
   background-image: url("https://i.pinimg.com/736x/00/39/7e/00397e0973b4d51a0bb6425b96406086.jpg");
   background-attachment: fixed;
    background-size: 100% 100%;
   margin: 20px;
   padding: 0;
   font-family: MS UI Gothic;
   font-weight: bold;
   flex-direction: column;
   justify-content: center;
    align-items: center;
}

#pw {
   width:600px;
   height:auto;
   weight:700px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: auto;
}

header {
  width: 100%;
  height: 50px;
  background-color: white;
  padding: 10px;
  border: 2px ridge #cccaca;
  margin-bottom: 5px;

  position: relative; /* IMPORTANT */
}

.name {
  position: absolute;
  bottom: 0;
  left: 0;
   padding:10px;
   opacity: 0.7;
}

#naviup {
   width: 100%;
    height: 15px;
   background-color:white;
   padding:10px;
    border-width: 2px;
    border-style: ridge;
    border-color: #cccaca;
    overflow: hidden;
     margin-bottom: 5px;
   
}

.content {
   display: flex;
   margin-bottom:5px;
}

#navileft {
  width:115px;
  height: auto;
  background-color: white;
   padding:10px;
  border: 2px ridge #cccaca;
   margin-right: 5px;
}

#main{
   width:434px;
  height: auto;
  background-color: white;
   padding:10px;
  border: 2px ridge #cccaca;
}

footer {
   width: 100%;
    height: 15px;
   background-color:white;
   padding:10px;
    border-width: 2px;
    border-style: ridge;
    border-color: #cccaca;
    overflow: hidden;
     margin-bottom: 5px;
   color:#3b3b3b;
}