@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Pixelify+Sans:wght@400..700&display=swap');

body{
        background-color: antiquewhite; 
        display: flex;
        margin:auto;
        flex-direction: column;
        color: white;
        font-family:"Crimson Pro";
        font-size:30px;
        width: 820px;
        margin:auto;
        margin-top:5%;
        padding-top:5px;
        border-color:#84C1B2 ;
        border-style: solid;
        border-width: 10px;
        flex-wrap:nowrap;
        z-index:1;
}

h1{
font-family:"Crimson Pro";
font-size: 48px;
margin-left: 60%;
margin-top:15%;

}

main{
    margin:auto;
}
.arrow1{
    display:flex;
    position:absolute;
    top:80%;
    right:10%;
    z-index:15;
    width:50px;
    height:50px;
}
.arrow1:hover{
    transform: translate(25px);
    
  }