body{
  background-image: url("https://madelinekoory.neocities.org/images/dress/Screenshot%202026-04-25%20135530.png");
}

#menu {
  height: 20px;
  text-align: center;
  font-size: 20pt;
  margin-left: 12%;
  margin-top: 0%;
  width: 80%;
  padding:5px;
  font-weight: bold;
  word-spacing: 50px;
  font-family: courier;
}

#menu:hover {
  border-radius: 10px;
    background-color: #e68fac;
    border-style: dashed;
    border-color: white;
}

.doremi {
  height: 80px;
  width: 50px;
  display: block; 
  margin: auto;
  align-items: center; 
  margin-top: 10px;
  transition: transform 0.5s ease;
}

.doremi:hover {
    animation-name: rotate; 
    animation-duration: 3s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

h1 {
  font-family: courier;
  font-style: italic;
  font-size: 50px;
  color: #e68fac;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-decoration-style: wavy; 
  text-align: center;
}

sewn {
  display: block;
  align-items: center;
  justify-content: center; 
  margin-left: 20%;
  font-size: 20px;
  font-family: "Courier New";
  color: #e68fac;
  opacity: 0;
  font-style: italic;
}

sewn:hover {
  display: block;
  align-items: center;
  justify-content: center; 
  font-size: 20px;
  font-family: "Courier New";
  color: #800020;
  opacity: 1;
  font-style: italic;
  background-image: url("https://madelinekoory.neocities.org/images/dress/SB128.JPG");
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

div {
    display: block;
    unicode-bidi: isolate;
}

.column1{
    float: left;
    width: 50%;
}
.column1 p {
    font-family: "Courier New";
    font-size: 20px;
    color: #651010;
    border-radius: 10px;
    background-color: #e68fac;
    border-style: dashed;
    border-width: 3px;
    border-color: white;
    margin: 10px;
    padding: 10px;
    text-align: left;
    line-height: 1.2;
    z-index: 100;
    margin-left: 15%;
}

.column2{
  display: flex;
  justify-content: center;
  align-items: center;
  float:right;
  z-index: -100;
  width: 50%;
}


#dress {
  margin-right: 50%;
}

.love {
  float:right;
  width: 50%;
  text-align: left;
  margin: auto;
  align-items: center;
  margin-right: 30%;
  padding-bottom: 50px;
}

#swan{
  display: flex;
  border: 30px;
}

p1 {
  font-size: 40px;
  font-family: "Courier New";
  color: #e68fac;
  opacity: 0;
  font-style: italic;
}

p1:hover {
  font-size: 40px;
  font-family: "Courier New";
  color: #e68fac;
  opacity: 1;
  font-style: italic;
}


.column3{
  display: flex;
  justify-content: center;
  align-items: center;
  float:left;
  z-index: -100;
  width: 50%;
  padding-top: 100px;
}


#ebay {
  margin-left: 30%;
  width: 500px;
  height:400px;
}

#ebay:hover {
 content: url("https://madelinekoory.neocities.org/images/Screenshot%202026-05-03%20at%205.19.08%E2%80%AFPM.png");
}

#ebayy {
  margin-left: 30%;
  width: 500px;
  height:400px;
}

#ebayy:hover {
    content: url(https://madelinekoory.neocities.org/images/EBAYYY!.png)
}

.column4{
    float: right;
    width: 50%;
}
.column4 p {
    font-family: "Courier New";
    font-size: 20px;
    color: #651010;
    border-radius: 10px;
    background-color: #e68fac;
    border-style: dashed;
    border-width: 3px;
    border-color: white;
    margin: 10px;
    padding: 10px;
    text-align: left;
    line-height: 1.2;
    z-index: 100;
    margin-right: 15%;
    margin-top:30px;
}

p2 {
  font-size: 40px;
  font-family: "Courier New";
  color: #e68fac;
  opacity: 0;
  font-style: italic;
}

p2:hover {
  font-size: 40px;
  font-family: "Courier New";
  color: #e68fac;
  opacity: 1;
  font-style: italic;
}

#pjrm {
  align-items: center;
  margin: auto;
  width: 50%;
  height: 50%;
  display: block;
  background-image: url("https://madelinekoory.neocities.org/images/dress/WALL_04B.GIF")
}

#sewing{
  margin-right: 50%;
  z-index: 100;
}

footer{
  display:block;
  align-items: center;
  text-align: center;
  margin:auto;
  color: grey;
  padding-top: 800px;
}