body{
  background-image: url("https://madelinekoory.neocities.org/images/SB098.JPG");
}

img{
  display: block; 
  margin: auto;
  align-items: center; 
  margin-top: 10px;
  border: 10px;
  border-color: white;
}

#roseleft {
  position:fixed;
  float: left;
}

#roseright {
  position:fixed;
  float: right;
}

.magic{
  margin: auto;
  display: block;
  align-items: center;
  justify-content: center;
}

.majorika {
  display: block; 
  margin: auto;
  align-items: center; 
  margin-top: 10px;
}

.majorkia: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);}
}

text {
  text-align: center;
  font-size: 20px;
  margin: auto;
  align-items: center;
  display: block;
  padding:5px;
  font-weight: bold;
  font-family: garamond;
  color: black;
  background-color:#f259c5;
  margin-left: 30%;
  margin-right: 30%;
}

.maintext {
  display: block;
  align-items: center;
  margin: auto;
  justify-content: center;
  width: 40%;
  height: 40%;
  background-image: url("https://madelinekoory.neocities.org/images/SB132.JPG");
  padding: 10px;
  margin-top: 40px;
  margin-bottom: 50px;
  color: white;
}

h1{ 
  color: white;
  text-align: center;
  font-family: garamond;
  font-size: 50px;
}

a {
  color: white;
}

a:active {
color: hotpink
}

a:visited {
color: hotpink
}

p {
  font-size: 25px; font-family: courier; color: white;
}

#menu {
  height: 20px;
  text-align: center;
  font-size: 20pt;
  margin: auto;
  display: block;
  align-items: center;
  width: 50%;
  padding:5px;
  font-weight: bold;
  word-spacing: 50px;
  font-family: courier;
  background-image: url("https://madelinekoory.neocities.org/images/SB132.JPG");
}