* {
    margin: 0;
    padding: 0;
}
.main {
    /* width: 80%;
    min-height: 80vh; */
    height: 850px;
    padding: 30px 10%;
    transition: all 0.3s ease-in-out;
    /* transform: scale(0.5); */
    border-style: solid;
    border-color: white;
    border-width: 10px;
    /* background-size: 100%; */
    background-repeat: no-repeat;
    border: 1rem solid white;
     box-shadow: 
     0 0 1rem #fff,
    inset 0 0 2rem red,
    0 0 2rem red,
    0 0 4rem red,
    inset 0 0 4rem black;  
    /* position: absolute; */
   transform-origin: 95% 50% 0;
   transition: all 0.5s;
   color: blue; 
   background-color: black;
   color: white;
}
h1 {
    text-align: center;
    margin-top: 300px;
    font-family: cursive;
    font-size: 100px;
    /* background: linear-gradient(black,red, black); */
    box-shadow: 
     0 0 1rem #fff,
    inset 0 0 2rem red,
    0 0 2rem red,
    0 0 4rem red,
    inset 0 0 4rem black;  
}
h1:hover {
    text-align: center;
    margin-top: 300px;
    font-family: cursive;
    font-size: 100px;
    background: linear-gradient(black,red, black);
}