#hello{
font-family: "Comic Sans MS";
color: darkmagenta;
text-align: center;
font-size: 100px;
font-display: block;
width: 1000px;
margin:50px auto;
background-color: yellow;
transition: all 0.5s ease;
}

#hello:hover{
background-color: yellowgreen;
color: red;
transform: skewy(10deg);
}

div{
display: flex;
margin: 50px auto;
width: 500px;
height: 750px;
text-align: center;
background-image: url(antiquedoor.png);
background-size: 100% 100%;
align-items: center;
transition: all 0.5s ease;

}
div:hover{transform: scale(1.1);}

#enter{
margin: auto;
color: magenta;
font-size: 75px;
text-decoration: underline;
font-style: italic;
transition: all 0.3s ease;
}

#enter:hover{
letter-spacing: 10px;
font-style: italic;
}
h1 a:link{
    color: magenta;
}
h1 a:visited{
    color:magenta
}